-
Notifications
You must be signed in to change notification settings - Fork 31
/
index.html
223 lines (223 loc) · 7.84 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
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
<!--
Title: Pixel Portfolio Index HTML File
Author: Krishnakanth Alagiri (KK)
Repo: https://github.com/KrishnaAlagiri/Pixel-Portfolio-Webite
Issues: https://github.com/KrishnaAlagiri/Pixel-Portfolio-Webite/issues
Description: This file contains all structure of my portfolio page
-->
<!DOCTYPE html>
<head>
<meta charset="utf-8">
<title>Mr. Mario | Plumber
</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="description" content="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean finibus velit eget nibh mollis interdum.">
<meta name="author" content="Krishnakanth Alagiri">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
<link rel="icon" href="favicon.ico" type="image/x-icon">
<link rel="stylesheet" href="libs/font-awesome/css/font-awesome.min.css">
<link rel="stylesheet" href="assets/css/styles.css">
<link rel="stylesheet" href="assets/css/effects.css">
<link rel="stylesheet" href="assets/css/retro.css">
</head>
<body>
<section id="top" class="hero">
<div id="hero-overlay">
<section class="navigation">
<header>
</header>
</section>
<span id="to-top">
<div class="down-arrow floating-arrow">
<a href="#about">
<i class="fa fa-chevron-down" aria-hidden="true">
</i>
</a>
</div>
<div class="hero-text" id="fadein hero-overlay">
<h1>Mr. Mario Luigi
</h1>
<h2>Lorem ipsum dolor sit amet
</h2>
<br>
<a href="#" class="btn">Download Resume
</a>
</div>
</div>
</span>
</section>
<section id="about">
<h2 class="heading">About
</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean finibus velit eget nibh mollis interdum. Ut iaculis, velit sit amet aliquam hendrerit, sem ex elementum odio, vel dignissim lorem leo sit amet erat. Donec tempor nisi nec magna mollis, vel blandit velit tristique. Suspendisse sed purus vitae enim venenatis viverra id ut nisl. Sed at mauris maximus, gravida orci nec, consectetur velit. Duis congue ex sed felis varius, non pretium lectus laoreet. Integer cursus cursus leo, ut vulputate ante mattis in. Sed tristique consectetur est vitae consequat. Aenean id eros dolor.
</p>
</section>
<div id="education" class="background-alt">
<h2 class="heading">Educational Background
</h2>
<div id="education-timeline">
<div data-date="September 2010 – July 2015">
<h3>Lorem ipsum dolor sit
</h3>
<h4>Lorem ipsum dolor sit
</h4>
</div>
<div data-date="August 2015 – April 2017">
<h3>Lorem ipsum dolor sit
</h3>
<h4>Lorem ipsum dolor sit
</h4>
</div>
</div>
</div>
<div id="x-education">
<h2 class="heading">Extras
</h2>
<div class="x-education-block shadow">
<h3>Lorem ipsum dolor sit
</h3>
<span class="x-education-date">Augest 2017 - March 2018
</span>
<h4>Lorem ipsum dolor sit
</h4>
</div>
<div class="x-education-block shadow">
<h3>Lorem ipsum dolor sit
</h3>
<span class="x-education-date">June 2017 - July 2017
</span>
<h4>Lorem ipsum dolor sit
</h4>
</div>
</div>
<div id="projects" class="background-alt">
<h2 class="heading">Projects
</h2>
<div class="container">
<div class="row">
<div class="project shadow-large">
<div class="project-image">
<img src="assets/img/fallback.jpg" alt="Lorem ipsum dolor sit" />
</div>
<div class="project-info">
<h3>Lorem ipsum dolor sit
</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean finibus velit eget nibh mollis interdum. Ut iaculis, velit sit amet aliquam hendrerit, sem ex elementum odio, vel dignissim lorem leo sit amet erat. Donec tempor nisi nec magna mollis, vel blandit velit tristique. Suspendisse sed purus vitae enim venenatis viverra id ut nisl. Sed at mauris maximus, gravida orci nec, consectetur velit. Duis congue ex sed felis varius, non pretium lectus laoreet. Integer cursus cursus leo, ut vulputate ante mattis in. Sed tristique consectetur est vitae consequat. Aenean id eros dolor.
</p>
<a href="#">View Project
</a>
</div>
</div>
<div class="project shadow-large">
<div class="project-image">
<img src="assets/img/fallback.jpg" alt="Lorem ipsum dolor sit" />
</div>
<div class="project-info">
<h3>Lorem ipsum dolor sit
</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean finibus velit eget nibh mollis interdum. Ut iaculis, velit sit amet aliquam hendrerit, sem ex elementum odio, vel dignissim lorem leo sit amet erat. Donec tempor nisi nec magna mollis, vel blandit velit tristique. Suspendisse sed purus vitae enim venenatis viverra id ut nisl. Sed at mauris maximus, gravida orci nec, consectetur velit. Duis congue ex sed felis varius, non pretium lectus laoreet. Integer cursus cursus leo, ut vulputate ante mattis in. Sed tristique consectetur est vitae consequat. Aenean id eros dolor.
</p>
<a href="#">View Project
</a>
</div>
</div>
</div>
</div>
</div>
<div id="skills">
<h2 class="heading">Programming Proficiency
</h2>
<ul>
<li>Lorem
</li>
<li>Lorem
</li>
<li>Lorem
</li>
<li>Lorem
</li>
<li>Lorem
</li>
<li>Lorem
</li>
<li>Lorem
</li>
<li>Lorem
</li>
<li>Lorem
</li>
<li>Lorem
</li>
<li>Lorem
</li>
</ul>
</div>
<div id="skills" class="background-alt">
<h2 class="heading">Technological Proficiency
</h2>
<ul>
<li>Lorem
</li>
<li>Lorem
</li>
<li>Lorem
</li>
<li>Lorem
</li>
<li>Lorem
</li>
</ul>
</div>
<div id="contact-me">
<div id="contact-me-overlay">
<h2 class="heading">Get in Touch
</h2>
<div id="contact-me-form">
<form method="POST" action="about_blank">
<input type="hidden" name="_subject" value="Contact request from personal website" />
<input type="email" class="shadow" name="_replyto" placeholder="Your email" required>
<textarea name="message" class="shadow" placeholder="Your message go here" required>
</textarea>
<button class="btn" type="submit">Send Message
</button>
</form>
</div>
</div>
</div>
<footer>
</span>
<div class="mobile">
<p>
Made with
<a href="https://github.com/KrishnaAlagiri/Pixel-Portfolio-Webite">
<span class="fa fa-heart love">
</a>
</span> by Krishnakanth Alagiri (KK)
</p>
<div class="social-mob">
<a href="https://github.com/" target="_blank">
<img src="assets\img\icons\GitHub.png" alt="Your_Name - GitHub">
</a>
<a href="https://linkedin.com/" target="_blank">
<img src="assets\img\icons\LinkedIn.png" alt="Your_Name - LinkedIn">
</a>
<a href="https://www.instagram.com/" target="_blank">
<img src="assets\img\icons\Instagram.png" alt="Your_Name - Instagram">
</a>
<a href="mailto:yourmail@gmail.com" target="_blank">
<img src="assets\img\icons\Mail.png" alt="Your_Name - Mail">
</div>
</div>
<span id="to-top">
<div class="up-arrow floating-arrow">
<a href="#top">
<i class="fa fa-chevron-up" aria-hidden="true">
</i>
</a>
</div>
</footer>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js">
</script>
</body>
</html>