-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
124 lines (120 loc) · 5.61 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
<!doctype html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css">
<title>Antonio Rodriguez</title>
</head>
<body>
<nav class="indigo darken-4" role="navigation">
<div class="nav-wrapper container">
<a id="logo-container" href="#" class="brand-logo">Antonio</a>
<ul class="right hide-on-med-and-down">
<li><a href="#">Experience</a></li>
<li><a href="#">Skills</a></li>
<li><a href="#">Education</a></li>
<li><a href="#">Hobbies</a></li>
</ul>
<ul id="nav-mobile" class="sidenav">
<li><a href="#">Experience</a></li>
<li><a href="#">Skills</a></li>
<li><a href="#">Education</a></li>
<li><a href="#">Hobbies</a></li>
</ul>
<a href="#" data-target="nav-mobile" class="sidenav-trigger"><i class="material-icons">menu</i></a>
</div>
</nav>
<div class="section no-pad-bot" id="index-banner">
<div class="container-fluid">
<div class="row">
<div class="col m5 s12">
<div class="card-panel grey lighten-5 z-depth-1">
<div class="row valign-wrapper">
<div class="col s5 m4" style=" height: 235px; background-image: url('avatar.jpg'); background-size:cover; background-position: center; background-repeat: no-repeat; ">
</div>
<div class="col s7 m8">
<div class="row" style="margin-top:10px">
<div class="col s2 m1 orange-text">
<i class="material-icons dp48" style="padding-top: 5px;">location_on</i>
</div>
<div class="col s10 m11">
<span class="black-text center-align">
San Francisco, Panamá
</span>
</div>
</div>
<div class="row">
<div class="col s2 m1 orange-text">
<i class="material-icons dp48" style="padding-top: 5px;">perm_phone_msg</i>
</div>
<div class="col s10 m11" style="padding-top: 5px;">
<span class="black-text center-align">
+507 62153462
</span>
</div>
</div>
<div class="row">
<div class="col s2 m1 orange-text">
<i class="material-icons dp48" style="padding-top: 5px;">cake</i>
</div>
<div class="col s10 m11" style="padding-top: 10px;">
<span class="black-text center-align">
March 10 1987
</span>
</div>
</div>
<div class="row">
<div class="col s2 m1 orange-text">
<i class="material-icons dp48" style="padding-top: 5px;">email</i>
</div>
<div class="col s10 m11" style="padding-top: 5px;">
<span class="black-text center-align">
</span>
</div>
</div>
</div>
</div>
<div class="row valign-wrapper">
<blockquote>
Apply my skills and knowledge in the informatic area for the prompt and efficient resolution of problems,
using top of the line standard and agile development methodologies
in order to increase company productivity, performance and profitability.
</blockquote>
</div>
</div>
</div>
<div class="col m7 s12 card-panel grey lighten-5 z-depth-1">
<div class="row">
<div class="col s12">
<ul class="tabs">
<li class="tab col s3"><a href="#test1">Test 1</a></li>
<li class="tab col s3"><a class="active" href="#test2">Test 2</a></li>
<li class="tab col s3 disabled"><a href="#test3">Disabled Tab</a></li>
<li class="tab col s3"><a href="#test4">Test 4</a></li>
</ul>
</div>
<div id="test1" class="col s12">Test 1</div>
<div id="test2" class="col s12">Test 2</div>
<div id="test3" class="col s12">Test 3</div>
<div id="test4" class="col s12">Test 4</div>
</div>
</div>
</div>
</div>
<!-- Compiled and minified JavaScript -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js"></script>
<script src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
<script>
document.addEventListener('DOMContentLoaded', function() {
var navs = document.querySelectorAll('.sidenav');
var tabs = document.querySelectorAll('.tabs');
var navInstances = M.Sidenav.init(navs);
var tabInstance = M.Tabs.init(tabs);
});
</script>
</body>
</html>