-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
135 lines (133 loc) · 4.94 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
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
<!DOCTYPE html>
<html>
<head>
<title>My Portfolio</title>
<link rel="stylesheet" type="text/css" href="style.css">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Orbitron&display=swap" rel="stylesheet">
</head>
<body>
<div id="brand">
Dev-Akash
</div>
<div id="container">
<div id="circle"></div>
<div id="plane"></div>
<div id="plane1"></div>
<div id="plane2"></div>
<div id="plane3"></div>
<div id="box_1"></div>
<div id="box_2"></div>
<div id="box_3"></div>
<div id="box_4"></div>
<div id="panel"></div>
<div id="text1">About Me</div>
<div id="text2">Skills</div>
<div id="text3">Projects</div>
<div id="text4">Blogs</div>
<div id="circuit">
<div id="line1"></div>
<div id="node1"></div>
<div id="line2"></div>
<div id="node2"></div>
<div id="line3"></div>
<div id="node3"></div>
<div id="sq_box1"></div>
<div id="sq_box2"></div>
<div id="sq_box3"></div>
</div>
</div>
<div id="container1">
<div id="ver_panel">
<div class="head head1">asdf</div>
<div class="f_verPanel"></div>
<div id="info_pan"></div>
<div class="item">
<div class="item_content">
<div class="text_header" id="header1">Hi, I am groot !</div>
<div class="text" id="item_text1">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Morte. Perinde efficiatur decore imitarentur sane epicuro consuetudinum timeam aliena, spernat pueros incorruptis defensa conducunt alios </div>
</div>
</div>
<div class="item item1" id="item">
<div class="item_content">
<div class="text_header" id="header2">Hi, I am groot !</div>
<div class="text" id="item_text2">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Morte. Perinde efficiatur decore imitarentur sane epicuro consuetudinum timeam aliena, spernat pueros incorruptis defensa conducunt alios</div>
</div>
</div>
<div class="cube_container">
<div class="cube">
<div class="cube_face face1"></div>
<div class="cube_face face2"></div>
<div class="cube_face face3"></div>
<div class="cube_face face4"></div>
<div class="cube_face face5"></div>
<div class="cube_face face6"></div>
</div>
</div>
<div class="atom_container">
<div class="atom">
<div class="atom_shell shell1"></div>
<div class="atom_shell shell2"></div>
<div class="atom_shell shell3"></div>
<div class="atom_shell shell4"></div>
</div>
</div>
</div>
<div id="ver_panel2">
<div class="head head2">asdf</div>
<div class="f_verPanel"></div>
<div id="info_pan">
<!-- Skills Section -->
<!-- ============== -->
<div class="skill_cards_container" id="skill_cards_container">
<div class="skill_cards">
<div class="card skill1">
<img src="icons/adb-black-18dp.svg"/>
</div>
<div class="card skill2">
<img src="icons/language-black-18dp (1).svg"/>
</div>
<div class="card skill3">
<img src="icons/important_devices-black-18dp.svg"/>
</div>
<div class="card skill4">
<img src="icons/public-black-18dp.svg"/>
</div>
<div class="card skill5">
<img src="icons/build-white-18dp.svg"/>
</div>
<div class="card skill6">
<img src="icons/fingerprint-white-18dp.svg"/>
</div>
<div class="card skill7">
<img src="icons/integration_instructions-white-18dp.svg"/>
</div>
<div class="card skill8">
<img src="icons/lightbulb-white-18dp.svg"/>
</div>
</div>
</div>
<div class="button_next button" id="button_next">
<span>Next</span>
</div>
<div class="button_prev button" id="button_prev">
<span>Prev</span>
</div>
<div class="skill_heading" id="skill_heading">asdf</div>
<div class="skill_text" id="skill_text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iucunditatem quietae saperet teneam moveat neglegentur putat, audiebamus est probamus minuendas efficere</div>
<!-- About me Section -->
<!-- ================ -->
<div class="sci_fi_monitor" id="sci_fi_monitor">
<div class="clamp"></div>
<div class="clamp clamp1"></div>
<div class="monitor">
<img src="icons/akash.svg" id="abt_me_img" />
</div>
</div>
<div class="about_me_text" id="about_me_text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deteriora optabilem rebus, fruentem carum adversantur argumentum torquato iudicante dissidens delectari parabilis, fortitudinem erga praetermittenda finitas forensibus posse ipsa torquato quisque, aegritudines breviter physico audeam praeclara refert pariendarum vulgo inveniri conformavit. Iudicari assentiar mutans defendere dulce bonorum, modi amet facete necesse modum.</div>
</div>
</div>
</div>
<script type="text/javascript" src="script.js"></script>
</body>
</html>