-
Notifications
You must be signed in to change notification settings - Fork 0
/
about.html
124 lines (122 loc) · 5.19 KB
/
about.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
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Álvaro García León - About</title>
<!-- CSS References -->
<link href='//fonts.googleapis.com/css?family=Roboto:300' rel='stylesheet' type='text/css'>
<link href='//fonts.googleapis.com/css?family=Raleway' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<link href='https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css' rel='stylesheet' type='text/css'>
<link href='./augmented.css' rel='stylesheet' type='text/css'>
<!-- End of JS References -->
<!-- JS References -->
<script src="https://code.jquery.com/jquery-3.2.1.min.js" integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4=" crossorigin="anonymous"></script>
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
<script src='./augmented.js'></script>
<!--<script src='//cdn.sobekrepository.org/includes/jquery-rotate/2.2/jquery-rotate.js'></script>-->
<!-- End of JS References -->
</head>
<body>
<div class="container-fluid">
<div id="header" class="row">
<div class="col-xs-9">
<div class="row logo">
<div class="col-xs-2">
<img class="img-responsive" src="https://avatars0.githubusercontent.com/u/6717746?v=3&s=460">
</div>
<div class="col-xs-10">
<h3 class="logo-title">Álvaro García León</h3>
</div>
</div>
</div>
<div class="col-xs-3">
<div class="menu">
<ul class="list-unstyled list-inline">
<li>
<a href="/about">
About
</a>
</li>
<li>
<a href="/blog">
Blog
</a>
</li>
<li>
<a href="/portfolio">
Portfolio
</a>
</li>
<li>
<a href="/contact">
Contact
</a>
</li>
</ul>
</div>
</div>
</div>
<div id="content" class="row">
<h3 id="about">About Me</h3>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas non hendrerit nisl, nec condimentum quam. Vestibulum efficitur condimentum massa sit amet vestibulum. Nunc sed orci diam. Sed sed lorem ac metus vestibulum tempus ut sit amet sapien. Curabitur viverra faucibus neque. Ut risus felis, bibendum quis risus nec, congue efficitur mi. Vivamus vulputate ipsum mauris, a sagittis nunc varius sed.
</p>
<p>
Nullam ultrices ex vulputate leo fermentum volutpat. Morbi sed felis pellentesque, porttitor magna ut, tempus justo. Nulla ut ullamcorper arcu. Donec sed volutpat diam, ac faucibus massa. Nam ac turpis quis felis lacinia elementum. Donec rutrum feugiat tincidunt. Nam at euismod purus, tincidunt eleifend ex. Sed tortor magna, mollis ut faucibus eget, eleifend quis nulla. Nulla facilisi. Quisque id nisl in lectus auctor aliquam. Proin maximus eros eu pellentesque varius. Ut congue sem in condimentum venenatis. Ut aliquet congue auctor. Vivamus dignissim velit enim, faucibus tristique magna faucibus vitae.
</p>
</div>
<div id="footer" class="row">
<div class="col-xs-4">
<ul class="list-unstyled info">
<li>
<a href="/about">About</a>
</li>
<li>
<a href="/contact">Contact me</a></li>
<li>
<a href="/portfolio">Portfolio</a
</li>
</ul>
</div>
<div class="col-xs-4">
<ul class="list-unstyled info">
<li>
<a href="#">Blog</a>
</li>
<li>
<a href="#">RSS</a>
</li>
<li>
<a href="#">What I do</a>
</li>
</ul>
</div>
<div class="col-xs-4">
<ul class="list-unstyled list-inline social">
<li>
<a href="https://www.linkedin.com/in/algarleon/">
<i class="fa fa-linkedin-square" aria-hidden="true"></i>
</a>
</li>
<li>
<a href="http://codepen.io/algarle/">
<i class="fa fa-codepen" aria-hidden="true"></i>
</a>
</li>
<li>
<a href="https://github.com/agarcialeon">
<i class="fa fa-github" aria-hidden="true"></i>
</a>
</li>
</ul>
</div>
</div>
<div class="row copyright">
<div class="col-xs-12">
<p class="text-center">Álvaro García León © 2019. All Rights Reserved</p>
</div>
</div>
</div>
</body>
</html>