-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
156 lines (138 loc) · 5.62 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
<!DOCTYPE html>
<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!--><!--html lang="en"--> <!--<![endif]-->
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<!-- Basic Page Needs
================================================== -->
<meta charset="utf-8">
<title>Engineer X's Homepage</title>
<meta name="description" content="Engineer X's Homepage, Uniandes, Bogotá">
<meta name="keywords" content="Uniandes, Bogotá, Systems Engineering">
<meta name="author" content="Engineer X">
<!-- Mobile Specific Meta-data
================================================== -->
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<!-- CSS
================================================== -->
<link rel="stylesheet" href="./stylesheets/base.css">
<link rel="stylesheet" href="./stylesheets/skeleton.css">
<link rel="stylesheet" href="./stylesheets/layout.css">
<link rel="stylesheet" href="./stylesheets/style.css">
<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
</head>
<body>
<!-- Primary Page Layout
================================================== -->
<div class="container">
<!-- Sidebar -->
<div class="three columns sidebar">
<nav>
<!-- Logo -->
<h3 id="logo" style="text-align:center;">
<img src="images/engineer_animated.gif" width="200" class="with_border"/>
Engineer X
</h3>
<hr />
<!-- Links in the page -->
<ul>
<li><a href="#about">About</a></li>
<li><a href="#interests">Research</a></li>
<li><a href="#life">My Life</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
<br />
<hr />
<!-- Links to social networks -->
<ul>
<li><a href="#" class="" data-show-count="false">Twitter</a></li>
<li><a href="#">Linkedin</a></li>
</ul>
<hr />
</nav>
</div>
<!-- Content -->
<div class="twelve columns offset-by-four content">
<div class="doc-section" id="about">
<h3>About</h3>
I am student of System Engineering at Uniandes.
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Mauris cursus nibh a pellentesque vestibulum.
Interdum et malesuada fames ac ante ipsum primis in faucibus.
Aliquam at bibendum mi, eget maximus mauris.
Curabitur posuere aliquet vulputate.
Sed condimentum ex ac urna laoreet, tincidunt pretium risus bibendum.
Vestibulum vulputate nisl id sapien eleifend lacinia.
Mauris fermentum semper iaculis.
<br />
</div>
<hr/>
<div class="doc-section" id="interests">
<h3>Research Interests</h3>
<li> Web Development</li>
<li> Software Engineering</li>
<li> Cloud Computing</li>
</div>
<hr />
<div class="doc-section" id="life">
<h3>My Life</h3>
<p>
Curabitur a felis rutrum, sagittis nibh nec, placerat leo.
Sed vitae blandit erat.
Integer ultricies lacus at lacus sagittis dapibus.
Nunc rutrum nulla purus, non posuere diam convallis quis.
Sed faucibus sagittis mauris eget laoreet.
Donec volutpat aliquet justo, et accumsan neque bibendum sed.
Suspendisse ornare non lacus a vulputate.
Ut feugiat massa sem, ut blandit turpis sollicitudin ac.
Aenean varius sollicitudin nunc vel interdum.
Fusce a dui porta massa cursus feugiat.
Fusce sit amet justo nec nisi interdum tincidunt.
</p>
<p>
Curabitur mi metus, vehicula sed purus at, pharetra sollicitudin diam.
Cras sed sapien sit amet lorem faucibus molestie quis eu quam.
Quisque finibus nisi commodo elementum rhoncus.
Sed sollicitudin nec augue nec tristique.
In blandit ultrices est quis convallis.
Vivamus pharetra auctor lacus, non scelerisque mauris lacinia vel.
Suspendisse viverra nibh nec dui condimentum iaculis.
Phasellus feugiat ex purus, sit amet blandit elit ullamcorper nec.
</p>
<p>
Donec tempus nulla nec elementum vestibulum.
Proin at molestie lectus.
Aliquam nec orci erat.
Integer vestibulum sollicitudin laoreet.
Ut bibendum lorem ac arcu eleifend gravida.
Nullam tincidunt sapien magna.
Aenean ultricies odio lacus, nec dapibus arcu sagittis in.
Donec in venenatis eros, a dictum metus.
Cras auctor aliquam magna at pharetra.
Cras vulputate molestie felis, sit amet iaculis tortor egestas sit amet.
orbi blandit dapibus mauris commodo facilisis.
Morbi augue ante, tincidunt a diam eget, suscipit elementum dui.
Aenean hendrerit imperdiet eros, a eleifend augue dignissim ullamcorper.
Vivamus fringilla aliquam leo quis malesuada.
</p>
</div>
<hr />
<div class="doc-section" id="contact">
<h3>Contact</h3>
<p>
Engineer X<br/>
<span style="FONT-WEIGHT: bold">Address:</span> Life Avenue, Bogotá, Colombia<br>
<span style="FONT-WEIGHT: bold">Office:</span> HB08.160, Building 36<br>
<span style="FONT-WEIGHT: bold">Email:</span> engineer@x-men.mutant
</p>
</div>
</div><!-- Content -->
</div><!-- container -->
<!-- End Document
================================================== -->
</body>
</html>