-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
68 lines (57 loc) · 2.93 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
<!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>Document</title>
<link rel="stylesheet" href="./fonts/flaticon.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@700&family=Orbitron:wght@500&family=Poppins&display=swap" rel="stylesheet">
<link rel="stylesheet" href="./index.css">
<link rel="stylesheet" href="./header/header.css">
<script defer src="./header/header.js"></script>
<link rel="stylesheet" href="./footer/footer.css">
<script defer src="./footer/footer.js"></script>
<link rel="stylesheet" href="./contact/contact.css">
<script defer src="./contact/contact.js"></script>
<script defer src="./index.js"></script>
</head>
<body>
<section class="header-container">
</section>
<section class="primer-pag">
<h1 class="titulo">MAXI'S</h1>
<p class="subtitle">WORLD</p>
</section>
<section class="welcome">
<div class="welcome__content">
<div class="content__img-container">
<img src="./img/welcome-img.jpg" class="content__img">
</div>
<div class="content__description">
<h2 class="content__title">Soy Maximo</h2>
<p class="content__text">Algo interesante sobre mi Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla dui quam, sollicitudin at enim id, sodales vehicula velit. Aenean lobortis posuere tristique. Phasellus placerat arcu elementum nisi ultrices cursus. Etiam sit amet aliquet lacus. Integer ut iaculis augue, sit amet tincidunt ex. In eleifend justo et sodales semper. Mauris nec tortor lectus. Curabitur nec ultricies dolor.</p>
</div>
</div>
</section>
<section class="cards-container">
</section>
<section class ="contact-container">
</section>
<section class ="footer-container">
</section>
<template id="card-content">
<div class="card__content">
<div class="content__container">
<h2 class="card__title">Mis servicios</h2>
<img class="card__img" src="https://img.freepik.com/vector-gratis/ilustracion-concepto-mecanografia-codigo_114360-3581.jpg?size=338&ext=jpg" alt="">
<p class="card__name">Hice esto</p>
<p class="card__description">Lorem ipsum dolor sit amet consectetur adipisicing elit. Iste, tenetur ab? Ab, animi nostrum exercitationem architecto dolor sint ipsa, molestias accusantium beatae repudiandae enim quisquam tempore debitis deserunt, nemo nisi.</p>
<a href="" class="card__link">Ver más</a>
</div>
</div>
</template>
</body>
</html>