forked from JesusRed/HojaDeVida
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
137 lines (120 loc) · 5.25 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0" />
<link rel="shortcut icon" href="https://img.icons8.com/officexs/16/000000/set-as-resume.png" type="image/x-icon">
<title>Guarda tu hoja de vida | CVCheckpoint</title>
<!-- CSS -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css">
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<link rel="stylesheet" href="css/materialize.css">
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<!--ENCABEZADO-->
<header>
<div class="navbar-fixed blue-grey darken-1">
<nav>
<div class="nav-wrapper blue-grey darken-1">
<a href="index.html" class="brand-logo truncate flow-text"><i class="material-icons left">person_pin</i>CV
Checkpoint</a>
<a href="#" data-target="mobile-demo" class="sidenav-trigger"><i class="material-icons">menu</i></a>
<ul class="right hide-on-med-and-down">
<li><a href="#footer">Acerca de</a></li>
<li><a href="#footer">Quienes somos</a></li>
</ul>
</div>
</nav>
</div>
<!--SIDENAV-->
<ul class="sidenav blue-grey darken-1" id="mobile-demo">
<li> <a class="waves-effect pulse btn blue-grey darken-2" href="pages/login.html"><i class="material-icons right">send</i>Ingresa</a></li>
<li>
<div class="divider"></div>
</li>
<li><a class="white-text" href="#footer"><i class="material-icons">group_work</i>Acerca de</a></li>
<li><a class="white-text" href="#footer"><i class="material-icons">group_work</i>Quienes somos</a></li>
</ul>
</header>
<!--CONTENIDO-->
<div id="banner" class="section no-pad-bot" id="index-banner">
<div class="container">
<br><br>
<h1 id="texto" class="header center blue-grey-text text-lighten-4">CV Checkpoint</h1>
<div class="row center">
<h5 id="texto" class="header center blue-grey-text text-lighten-4">Almacena tu hoja de vida con nosotros</h5>
</div>
<div class="row center">
<a class="waves-effect pulse btn blue-grey darken-2" href="pages/login.html"><i class="material-icons right">send</i>Ingresa</a>
</div>
<br><br>
</div>
</div>
<div class="container">
<div class="section">
<!-- Icon Section -->
<div class="row">
<div class="col s12 m4">
<div class="icon-block">
<h2 class="center dark-blue-gray-text"><i class="material-icons">create</i></h2>
<h5 class="center">Accede a nuestros servicios</h5>
<p class="light">Al ingresar tienes la opción de crear tu hoja de vida con los campos necesarios y asi tener
registrada tu cuenta.</p>
</div>
</div>
<div class="col s12 m4">
<div class="icon-block">
<h2 class="center dark-blue-gray-text"><i class="material-icons">description</i></h2>
<h5 class="center">Tu formación tiene valor</h5>
<p class="light">Describe tu experiencia laboral, tus conocimientos, tus habilidades y las cosas más
importantes de tu currículo. </p>
</div>
</div>
<div class="col s12 m4">
<div class="icon-block">
<h2 class="center dark-blue-gray-text"><i class="material-icons">update</i></h2>
<h5 class="center">Mantente al día</h5>
<p class="light">Ingresa periódicamente a tu cuenta y cambia o actualiza los datos que creas necesarios. Así
aumentarás las posibilidades de encontrar un mejor empleo. </p>
</div>
</div>
</div>
</div>
<br><br>
</div>
<!--PIE DE PAGINA-->
<footer id="footer" class="page-footer blue-grey darken-1">
<div class="container">
<div class="row">
<div class="col l8 s12">
<h5 class="white-text">Checkpoint</h5>
<p class="grey-text text-lighten-4">Somos un equipo de estudiantes universitarios que trabajan en este
proyecto como si fuera nuestro trabajo de tiempo completo. Cualquier cantidad ayudaría a apoyar y continuar
el desarrollo de este proyecto y es muy apreciada.</p>
</div>
<div class="col l4 s12">
<h5 class="white-text">Enlaces de Interés</h5>
<ul>
<li><a class="white-text" href="#!">Repo GitHub</a></li>
<li><a class="white-text" href="#!">Sitio UFPS</a></li>
<li><a class="white-text" href="#!">Medium</a></li>
<li><a class="white-text" href="#!">LinkedIn</a></li>
</ul>
</div>
</div>
</div>
<div class="footer-copyright">
<div class="container">
© 2019 Copyright Programación Web-UFPS
<a class="right white-text" href="#!">Redes Sociales</a>
</div>
</div>
</footer>
<!-- Scripts-->
<script src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js"></script>
<script src="js/materialize.js"></script>
<script src="js/init.js"></script>
</body>
</html>