-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
81 lines (80 loc) · 4.87 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
<!DOCTYPE html>
<html lang='es'>
<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">
<link rel="apple-touch-icon" sizes="180x180" href="/favicon/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon/favicon-16x16.png">
<link rel="manifest" href="/favicon/site.webmanifest">
<link rel="mask-icon" href="/favicon/safari-pinned-tab.svg" color="#5bbad5">
<meta name="msapplication-TileColor" content="#2d89ef">
<meta name="theme-color" content="#ffffff">
<title>jhoncarlosam</title>
<link href="https://fonts.googleapis.com/css2?family=Andada+Pro&family=Bebas+Neue&display=swap" rel="stylesheet">
<link rel="stylesheet" href="./css/reset.css">
<link rel="stylesheet" href="./css/styles.css">
<link rel="stylesheet" href="./css/desktop.css" media="(min-width: 930px)">
</head>
<body>
<section class="container">
<section id="nav">
<nav class="scrollmenu">
<a href="./index.html">INICIO</a></li>
<a href="./pages/about.html">CONÓCEME</a></li>
<a href="https://twitter.com/jhoncarlosam">@jhoncarlosam</a>
</nav>
</section>
<header id="header">
<section class="header__title--center">
<h1>Jhon Carlos Acevedo Mendoza</h1>
<h2>Freelace Frontend Developer and occasional writer</h2>
<span>jhoncarlosam</span>
</section>
</header>
<main id="main">
<section class="article__section">
<article class=".article">
<figure class="figure">
<a href="./pages/protagonista_de_tu_vida.html">
<img class="landscape" src="./assets/img/first-article.jpg" alt="Un hombre en un campo">
<figcaption class="credits">Photo by <a href="https://unsplash.com/@matthewhenry?utm_source=unsplash&utm_medium=referral&utm_content=creditCopyText">Matthew Henry</a> on <a href="https://unsplash.com/s/photos/alone?utm_source=unsplash&utm_medium=referral&utm_content=creditCopyText">Unsplash</a></figcaption>
</a>
</figure>
<section class="articles">
<a href="./pages/protagonista_de_tu_vida.html">
<header class="article__title">Protagonista de tu vida</header>
<p class="article__content--text">Han pasado 22 años desde que desperté al flujo de la conciencia, pero realmente tuve criterio y toma de decisiones hasta los 21 años...
</p><!--Sumar un año más a mi edad cada año-->
<p class="author"><span>Autor: Jhon Carlos Acevedo Mendoza</span></p>
</a>
</section>
</article>
<!--PENDIENDTE-->
<!--<article>
<section>
<a href="./pages/article-secondary.html">
<figure>
<img class="square" src="https://images.unsplash.com/photo-1564055475189-a0ebf0d3b22a?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=1422&q=80" alt="">
<article>
<header>
La disciplina, un medio para hacer historia.
</header>
<p>
Ultimamente he sentido un impulso darle orden a mi vida, crear un propósito y seguirlo con pasión. He realizado muchas acciones pero no muchas con la disciplina con la que debierón haber sido ejecutadas. La verdad es que no tenía idea de lo importante de esta, no existía en mí una pizca de madurez para comprenderlo.
</p>
</article>
</figure>
</a>
</section>
</article>-->
</section>
</main>
<footer id="footer">
<a href="index.html">Jhon Carlos Acevedo Mendoza @jhoncarlosam © 2021</a>
</footer>
</section>
<script src="/scripts/script.js"></script>
</body>
</html>