-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
135 lines (127 loc) · 4.15 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>Resume</title>
<link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<div class="container">
<div class="main">
<h1 class="title">John Doe</h1>
<div class="hr"></div>
<div class="content">
<ul id="contact">
<li>
<img src="image/email.png"><span>[email protected]</span>
</li>
<li>
<img src="image/website.png"><span><a href="http://johndoe.com">johndoe.com</a></span>
</li>
<li>
<img src="image/phone.png"><span>+91-9898989898</span>
</li>
<li>
<img src="image/github.png"> <span>johndoe</span>
</li>
</ul>
</div>
</div>
<div class="section">
<h2 class="title">Education</h2>
<div class="hr"></div>
<div class="content">
<div class="inline width-60">
<h4>Massachusetts Institute of Technology, Massachusetts</h4>
<p>B.S. Computer Science and Engineering 2017</p>
<p>CGPA: 3.84</p>
</div>
<div class="inline width-40">
<h4>Some High School, Somewhere</h4>
<p>Score: 84.5%</p>
</div>
</div>
</div>
<div class="section">
<h2 class="title">Skills</h2>
<div class="hr"></div>
<div class="content">
<p><strong>Languages:</strong> Assembly Language, Machine Code</p>
<p><strong>Frameworks/Tools:</strong> Punch Cards</p>
</div>
</div>
<div class="section">
<h2 class="title">Areas of Interest</h2>
<div class="hr"></div>
<div class="content">
<p>Making the world a better place.</p>
</div>
</div>
<div class="section">
<h2 class="title">Work Experience</h2>
<div class="hr"></div>
<div class="content">
<div class="work">
<h4>Stark Industries</h4>
<p>Major upgrades Iron Man armor's flight system.</p>
</div>
<div class="work">
<h4>S.H.I.E.L.D.</h4>
<p>Worked on a containment module for The Hulk.</p>
</div>
<!-- <div class="work">
<h4></h4>
<p></p>
</div> -->
</div>
</div>
<div class="section">
<h2 class="title">Projects</h2>
<div class="hr"></div>
<div class="content">
<div class="project">
<h4>Awesome Project</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
<p><a href="http://johndoe.com/projects/awesomeproject">johndoe.com/projects/awesomeproject</a></p>
</div>
<div class="project">
<h4>Awesome Project</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
<p><a href="http://johndoe.com/projects/awesomeproject">johndoe.com/projects/awesomeproject</a></p>
</div>
<div class="project">
<h4>Awesome Project</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
<p><a href="http://johndoe.com/projects/awesomeproject">johndoe.com/projects/awesomeproject</a></p>
</div>
<div class="project">
<h4>Awesome Project</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
<p><a href="http://johndoe.com/projects/awesomeproject">johndoe.com/projects/awesomeproject</a></p>
</div>
<!-- <div class="project">
<h4></h4>
<p></p>
<p><a href=""></a></p>
</div> -->
</div>
</div>
<div class="section">
<h2 class="title">Achievements and Activities</h2>
<div class="hr"></div>
<div class="content">
<p>Went to Mars.</p>
<p>Found Waldo.</p>
<p>Killed Deadpool.</p>
</div>
</div>
<!-- <div class="section">
<h2 class="title"></h2>
<div class="hr"></div>
<div class="content">
<p></p>
</div>
</div> -->
</div>
</body>
</html>