-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
executable file
·165 lines (163 loc) · 9.6 KB
/
index.html
File metadata and controls
executable file
·165 lines (163 loc) · 9.6 KB
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
<!DOCTYPE html>
<html lang="en">
<!-- begin head-->
<head>
<title>Jane Doe</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!--CSS-->
<!-- Bootstrap CDN -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css" integrity="sha384-rwoIResjU2yc3z8GV/NPeZWAv56rSmLldC3R/AZzGRnGxQQKnKkoFVhFQhNUwEyJ" crossorigin="anonymous">
<!-- Font Awesome CDN-->
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
<!--your css sheet-->
<link rel="stylesheet" type="text/css" href="myStyle.css">
<!-- Scripts -->
<!-- JQuery-->
<script src="https://code.jquery.com/jquery-3.1.1.slim.min.js" integrity="sha384-A7FZj7v+d/sdmMqp/nOQwliLvUsJfDHW+k9Omg/a/EheAdgtzNs3hpfag6Ed950n" crossorigin="anonymous"> </script>
<!-- Ajax -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/tether/1.4.0/js/tether.min.js" integrity="sha384-DztdAPBWPRXSA/3eYEEUWrWCy7G5KFbe8fFjk5JAIxUYHKkDx6Qin1DkWx51bBrb" crossorigin="anonymous"></script>
<!-- boostrap min js -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/js/bootstrap.min.js" integrity="sha384-vBWWzlZJ8ea9aCX4pEW3rVHjgjt7zpkNpZk+02D9phzyeVkE+jo0ieGizqPLForn" crossorigin="anonymous"></script>
</head>
<!-- end head-->
<!-- begin body -->
<body>
<!--begin myContainer-->
<div class="container-fluid myContainer">
<!-- begin row -->
<div class="row">
<!--beigin left column-->
<div class="col-sm-4">
<div class="card">
<img class="img-fluid" src="http://cdn2.amerikanki.com/wp-content/uploads/2013/10/Smile.jpg" alt="Card image cap">
<div class="card-block">
<!-- change to your name-->
<h2 class="card-title" style="text-align: left "> Jane Doe</h2>
<!-- give yourself a title -->
<p class="card-text" style ="text-align: left">Full Stack Engineer</p>
<!-- give a brief description about yourself-->
<small> A few words about me </small>
<hr />
<h4> Contact </h4>
<!-- begin icons and contact info -->
<div class = "icon-links">
<small> <i class="fa fa-phone" aria-hidden="true"></i> 555-345-6678</small><br>
<small> <i class="fa fa-envelope" aria-hidden="true"></i> info@janedoe.com</> </small> <br>
<!-- change the url in the following to link to your github and linkedin accounts respectively -->
<small> <a href="https://www.github.com"><i class="fa fa-github" aria-hidden="true"></i> </a> JaneDoe </small> <br>
<small> <a href="https://www.linkedin.com"> <i class="fa fa-linkedin" aria-hidden="true"></i> </a> LinkedIn </small>
</div>
<!-- end icons -->
<hr />
<h4> Skills </h4>
<!-- begin Java -->
<small>Java</small>
<div class="progress">
<div class="progress-bar progress-skills" role="progressbar" aria-valuenow="90" aria-valuemin="0" aria-valuemax="100" style="width:90%">
90%
</div>
</div>
<!-- end Java -->
<!-- begin Scala -->
<small>Scala </small>
<div class="progress">
<div class="progress-bar progress-skills"" role="progressbar" aria-valuenow="80" aria-valuemin="0" aria-valuemax="100" style="width:80%">
80%
</div>
</div>
<!-- end Scala -->
<!-- begin Python -->
<small>Python</small>
<div class="progress">
<div class="progress-bar progress-skills"" role="progressbar" aria-valuenow="70" aria-valuemin="0" aria-valuemax="100" style="width:70%">
70%
</div>
</div>
<!-- end Python -->
<!-- begin C -->
<small>C</small>
<div class="progress">
<div class="progress-bar progress-skills"" role="progressbar" aria-valuenow="70" aria-valuemin="0" aria-valuemax="100" style="width:70%">
70%
</div>
</div>
<!-- end C -->
<!-- begin SQL -->
<small>SQL</small>
<div class="progress">
<div class="progress-bar progress-skills"" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width:60%">
60%
</div>
</div>
<!-- card-block -->
<hr />
</div>
<!-- end of card -->
</div>
<!-- end of left column-->
<br>
</div>
<!-- end of row -->
<!--begin right column-->
<div class="col-sm-8">
<!-- begin work experience -->
<div class="card">
<div class="card-block">
<h4> Work Experience </h4>
<br>
<!-- Experience # 1 -->
<p id ="company-name" style="text-align:left;">
Company ABC
<span style="float:right;"> <small class ="date"> Jan 2016 - present </small> </span>
</p>
<p> Lorem ipsum dolor sit amet, consectetur adipiscing 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. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
<hr />
<!-- end of Experience 1 -->
<!-- Begin Experience 2 -->
<p id ="company-name" style="text-align:left;">
Company XYZ
<span style="float:right;"> <small class ="date">Oct 2016 - Jan 2016 </small> </span>
</p>
<p> Lorem ipsum dolor sit amet, consectetur adipiscing 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. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
<!-- end of Experience 2 -->
</div>
</div>
<br>
<!--end work experience -->
<!-- begin education-->
<div class="card">
<div class="card-block">
<h4> Education </h4>
<p id ="school-name" style="text-align:left;">
Umass Amherst B.S Computer Science
<span style="float:right;"> <small class ="date"> May 2020 </small> </span>
</p>
<p> Lorem ipsum dolor sit amet, consectetur adipiscing 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. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
</div>
</div>
<br>
<!-- end education-->
<!--begin projects-->
<div class="card">
<div class="card-block">
<h4> Projects</h4>
<!-- begin project 1 -->
<p id ="project-name" style="text-align:left;">
CSV Parser
<span style="float:right;"> <small class ="date"> May 2020 </small> </span>
</p>
<p> Lorem ipsum dolor sit amet, consectetur adipiscing 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. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
<!-- end of project 1 -->
</div>
</div>
<!-- end projects -->
</div>
<!-- end of right column-->
</div>
<!--end of row-->
</div>
<!-- end of myContainer-->
</body>
<!-- end body -->
</html>