-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
88 lines (88 loc) · 5.03 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Mi Portafolio Web Personal - мистер. Макс - 2022</title>
<!--===== CSS Files =====-->
<link rel="stylesheet" type= "text/css" href= "css/style.css">
<link rel="stylesheet" type= "text/css" href= "css/skins/color-1.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/all.min.css">
</head>
<body>
<!----===== Main Container Start ====-->
<div class="main-container">
<!--===== Aside Start =====-->
<div class="aside">
<div class="logo">
<a href="#"><span> мr </span> Маx </a>
</div>
<div class="nav-toggler">
<span></span>
</div>
<ul class="nav">
<li><a href="#" class="active"><i class="fa fa-home"></i>Inicio</a></li>
<li><a href="#"><i class="fa fa-list"></i>Servicios</a></li>
<li><a href="#"><i class="fa fa-briefcase"></i>Portafolio</a></li>
<li><a href="#"><i class="fa fa-user"></i>Acerca de mí</a></li>
<li><a href="#"><i class="fa fa-comments"></i>Contáctame</a></li>
</ul>
</div>
<!--===== Aside End =====-->
<!--===== Main Content Start =====-->
<div class="main-content">
<!--===== Home Section Start =====-->
<section class="home section hidden">
<div class="container">
<div class="row">
<div class="home-info padd-15">
<h3 class="hello">Hi my name is <span class="name">Мистер. Макс - Mr. Max</span></h3>
<h3 class="my-professsion">I' am <span class="typing">a computer technologist and web designer</span></h3>
<p>Llevo muchos años en la reparacion y mantenimiento de computadoras pero en los ultimos años me enfocado en la programacion y el desarrollo de paginas web
lo cual ire actualizandome mas para poder tener mas conocimientos en esta area ya que es un mundo inmenso de conocimiento.</p>
<a href="#contact" class="btn hire-me">Contratame</a>
</div>
<div class="home-img padd-15">
<img src="images/perfil.jpg" alt="">
</div>
</div>
</div>
</section>
<!--===== Home Section End =====-->
<!--===== About Section Start =====-->
<section class="about section">
<div class="container">
<div class="row">
<div class="section-title padd-15">
<h2>Acerca de mi</h2>
</div>
</div>
<div class="row">
<div class="about content padd-15">
<div class="row">
<div class="about-text padd-15">
<h3>Yo soy Mr. Max and <span>Tecnico Informatico y Desarrollador Web</span></h3>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Laboriosam vel neque nesciunt, reprehenderit sunt quibusdam illum,
deserunt dolor est cupiditate vero modi! Fugiat voluptatibus expedita id corrupti reiciendis facilis! Quas incidunt voluptate
debitis earum quaerat veniam autem eum neque, at eos maxime laboriosam esse rem ut inventore, saepe obcaecati! Nam incidunt ab
nesciunt obcaecati ut!</p>
</div>
</div>
<div class="row">
<div class="personal-info padd-15">Info</div>
<div class="skills padd-15">Habilidades</div>
</div>
</div>
</div>
</div>
</section>
<!--===== About Section End =====-->
</div>
<!--===== Main Content End =====-->
</div>
<!--===== Main Container End =====-->
<!--===== JS Files =====-->
<script src="js/script.js"></script>
</body>
</html>