-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
80 lines (73 loc) · 6.55 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
<!DOCTYPE html>
<html lang="en" >
<head>
<meta name="viewport" content="width=device-width,initial-scale=1">
<meta charset="utf-8">
<meta name="google-site-verification" content="S2uYy4MIoWzM-wLpgVxBe6FNBNBRpy5XPewMXcDv7kY" />
<title>Acedev003</title>
<link rel="icon" type="image/x-icon" href="assets/images/favicon.ico">
<link href="assets/css/index.css" rel="stylesheet">
<link href="assets/css/w3.css" rel="stylesheet">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Fira+Code">
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="canonical" href="https://acedev003.github.io" />
</head>
<body>
<div class="panel background-div">
<div id="particles-js"></div>
</div>
<div class="w3-center center" id="center_block">
<h1 class="w3-jumbo titlefont typewriter w3-hide-small"><Acedev003><h1>
<h1 class="w3-xxxlarge titlefont typewriter w3-hide-large w3-hide-medium"><Acedev003><h1></h1>
<br>
<button class="w3-hover-opacity w3-btn reveal-late" id="projects_button">
<div class="subtitlefont">My Projects<i class="material-icons" style="vertical-align: middle;">navigate_next</i> </div>
</button>
<div class="w3-padding w3-xlarge titleicons reveal-late">
<a href="javascript:void(0)" id="about" class="w3-tooltip"><i class="fa fa-info-circle w3-margin"></i><span class="w3-text w3-tag w3-round-xlarge w3-animate-opacity w3-padding w3-transparent w3-small" style="position:absolute;left:-1ch;top:4ch" >About</span></a>
<a href="https://acedev003.github.io/Blog/" class="w3-tooltip" target="_blank"><i class="fa fa-book w3-margin"></i><span class="w3-text w3-tag w3-round-xlarge w3-animate-opacity w3-padding w3-transparent w3-small" style="position:absolute;left:-0.5ch;top:4ch" >Blog</span></a>
<a href="https://in.linkedin.com/in/acedev003" class="w3-tooltip w3-hide-small" target="_blank"><i class="fa fa-linkedin w3-margin"></i><span class="w3-text w3-tag w3-round-xlarge w3-animate-opacity w3-padding w3-transparent w3-small" style="position:absolute;left:-2ch;top:4ch" >LinkedIn</span></a>
<a href="https://github.com/Acedev003" class="w3-tooltip" target="_blank"><i class="fa fa-github w3-margin"></i><span class="w3-text w3-tag w3-round-xlarge w3-animate-opacity w3-padding w3-transparent w3-small" style="position:absolute;left:-1ch;top:4ch" >Github</span></a>
<a href="javascript:void(0)" id="socials" class="w3-tooltip"><i class="fa fa-twitter w3-margin"></i><span class="w3-text w3-tag w3-round-xlarge w3-animate-opacity w3-padding w3-transparent w3-small" style="position:absolute;left:-1ch;top:4ch" >Socials</span></a>
</div>
</div>
<div class="project-panel" id="project_panel">
<div class="w3-panel w3-margin w3-round-large w3-transparent w3-padding w3-display-container">
<div class="w3-padding w3-display-right w3-btn w3-ripple" id ="project_close"><i class="material-icons" style="vertical-align: middle;color: #fff;">close</i></div>
</div>
<div class="w3-row" id="project_holder"></div>
</div>
<div id="about_modal" class="w3-modal">
<div class="w3-modal-content w3-round-xlarge" style="background-color: #272727;">
<div class="w3-container">
<span onclick="document.getElementById('about_modal').style.display='none'" class="w3-button w3-display-topright w3-round-xxlarge">×</span>
<p>
<div class="term">Hi all 👋 <b> Ashvin </b>here,</div><br>
<div class="term">.................................</div><br>
<div class="term" >You can <i> #define </i> me as:</div><br>
<div class="term"><div class="term-li"> A curious mind that loves to build and make things work.</div></div>
<div class="term"><div class="term-li"> Fascinated by things that fly , neural nets and craving to do something in making this planet green.</div></div>
<div class="term"><div class="term-li"> An AI enthusiast with experience in building multiple projects across various disciplines along with conducting technical workshops on latest computational trends.</div></div>
</p>
</div>
</div>
</div>
<div id="social_modal" class="w3-modal">
<div class="w3-modal-content w3-center w3-round-xlarge w3-text-white" style="background-color: #272727;">
<div class="w3-container">
<span onclick="document.getElementById('social_modal').style.display='none'" class="w3-button w3-display-topright">×</span>
<p>
<div class=" w3-xxlarge">
<a href="https://in.linkedin.com/in/acedev003" class="w3-tooltip" target="_blank"><i class="fa fa-linkedin w3-margin"></i><span class="w3-text w3-tag w3-round-xlarge w3-animate-opacity w3-padding w3-transparent w3-small" style="position:absolute;left:-1ch;top:5ch" >LinkedIn</span></a>
<a href="https://twitter.com/acedev003" class="w3-tooltip"><i class="fa fa-twitter w3-margin"></i><span class="w3-text w3-tag w3-round-xlarge w3-animate-opacity w3-padding w3-transparent w3-small" style="position:absolute;left:0ch;top:5ch" >Twitter</span></a>
<a href="https://www.instagram.com/acedev003/" class="w3-tooltip" target="_blank"><i class="fa fa-instagram w3-margin"></i><span class="w3-text w3-tag w3-round-xlarge w3-animate-opacity w3-padding w3-transparent w3-small" style="position:absolute;left:-2ch;top:5ch" >Instagram</span></a>
<a href="https://reddit.com/user/acedev003/" class="w3-tooltip" target="_blank"><i class="fa fa-reddit w3-margin"></i><span class="w3-text w3-tag w3-round-xlarge w3-animate-opacity w3-padding w3-transparent w3-small" style="position:absolute;left:0ch;top:5ch" >Reddit</span></a>
</div>
</p>
</div>
</div>
</div>
<script src="assets/js/particles.min.js"></script>
<script src="assets/js/index.js"></script>
</html>