-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
91 lines (89 loc) · 4.29 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta name="keywords" content="ernesto, ernest, ernee, ernie, leyva, ernestolv, ernestlv, eleyva, vazquez, atomictumato, tumato, html, css, javascript, grunt, nodejs, adobe aem, lotus notes, java, cranford, mexico">
<meta name="description" content="ernest's personal public website">
<meta name="author" content="Ernest Leyva">
<meta name="viewport" content="width=device-width, initial-scale=1"/> <!-- keep portrait & landscape consistante, trigger media queries -->
<meta name="p:domain_verify" content="fdefe289722ab1afdebfc185109f7e01"/><!-- pinterest -->
<title>Ernest's Personal Website</title>
<!-- <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons"> -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.1/css/materialize.min.css">
<link rel="stylesheet" type="text/css" href="css/icons.css" />
<link rel="stylesheet" type="text/css" href="css/style.css">
</head>
<body>
<header>
<h1><a href="//www.about.me/eleyva" rel="me" title="click to know more about me!">Ernest's Personal Website</a></h1>
<blockquote>
<!--<p>"...The point is not to be an expert in a framework, but to be an expert in technology, only experience gives you the feeling to select the coolest ideas..."</p>-->
<!-- <p>"...Front End Development is about taking a document and transform it in a clear web page that conveys information..."</p> -->
<p class="description">This website enforces adaptive design. It focuses on content first then add semantics thru HTML and enriches UX thru CSS.</p>
<cite>ernest</cite>
</blockquote>
</header>
<main class="content">
<div class="wrapper">
<div class="projects">
<h2 class="title">Portfolio</h2>
<ul>
<li class="circle yellow">
<!-- <a href="//www.about.me/eleyva" rel="me" title="about me!" target="_blank">me</a> -->
<a class="sample" href="/samples/videoPlane.html" title="a sample of media fragments!" target="_blank">vx</a>
</li>
<li class="circle red">
<a href="//www.foodnetwork.com" title="project: @ foodnetwork" target="_blank">fn</a>
</li>
<li class="circle blue">
<a href="//www.siriusxm.com/programschedules" title="project: @ siriusxm" target="_blank">xm</a>
</li>
<li class="circle green">
<a class="sample" href="//www.conservation.org/pages/nature.aspx" title="project: @ conservation international" target="_blank">ci</a>
</li>
<!-- <li>
<a href="meetup.html?zip=10012" title="code sample: meetup API, reactJS & materialize" target="_blank"><span class="glyphicon glyphicon-link"></span> meetup</a>
</li>
<li>
<a href="center.html" title="code sampe: how to center in css" target="_blank"><span class="glyphicon glyphicon-link"></span> css</a>
</li>
<li>
<a href="grid.html" title="code sample: responsive grid" target="_blank"><span class="glyphicon glyphicon-link"></span> grid</a>
</li>
<li>
<a href="reactJS.html" title="code sample: reactJS app" target="_blank"><span class="glyphicon glyphicon-link"></span> reactJS</a>
</li>
<li class="landscape">
<a href="ripples.html" title="code sample: responsive text" target="_blank"><span class="glyphicon glyphicon-link"></span> ripples</a>
</li> -->
</ul>
</div>
</div>
</main>
<footer>
<div class="wrapper">
<nav class="green">
<ul>
<li>
<a href="//github.com/ernestlv?tab=repositories" title="my github account" target="_blank"><span class="icon git"></span> git</a>
</li>
<li>
<a href="/blog/index.html" title="my blog"><span class="icon blog"></span> blog</a>
</li>
<li>
<a href="//twitter.com/ernest_fee" title="follow me on twitter" target="_blank"><span class="icon twitter"></span> twitter</a>
</li>
<li>
<a href="//www.linkedin.com/in/ernestlv" title="my linkedIn profile" target="_blank"><span class="icon linkedin"></span> LinkedIn</a>
</li>
<li>
<a href="/samples/index.html" title="code samples"><span class="glyphicon glyphicon-briefcase"></span> Samples</a>
</li>
<li>
<a href="mailto:ernestolv@hotmail.com" title="click to contact me!"><span class="glyphicon glyphicon-envelope"></span> email</a>
</li>
</ul>
</nav>
</div>
</footer>
</body>
</html>