-
Notifications
You must be signed in to change notification settings - Fork 0
/
post-1.html
72 lines (72 loc) · 3.82 KB
/
post-1.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
<!DOCTYPE html>
<html>
<head>
<title>nituniyo</title>
<link rel="stylesheet" href="bower_components/aos/dist/aos.css" type="text/css">
<link rel="stylesheet" href="css/Main.css" type="text/css">
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1">
<meta name="description" content="TODH -> HTML Prototype">
<meta name="author" content="Sergio Forés">
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
</head>
<body>
<header class="siteHeader" role="banner">
<div class="siteBrand">
<h1>Brand</h1><a class="siteBrand__logo" href="index.html">
<svg class="icon iconLogo">
<use xlink:href="assets/icons.svg#icon-logo"></use>
</svg></a>
</div>
</header>
<main class="main"><img src="assets/images/post_main.jpg"/>
<h1 class="title">Titulo del post 1</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
</main>
<nav class="siteNavigation" role="navigation">
<input class="btn" id="contactBtn" type="button" value="Contact">
<input class="btn" id="aboutBtn" type="button" value="About">
</nav>
<footer class="siteFooter">
<aside class="Social">
<li class="SocialItem"><a href="#">
<svg class="icon iconSocial">
<use xlink:href="assets/icons.svg#icon-instagram"></use>
</svg></a></li>
<li class="SocialItem"><a href="#">
<svg class="icon iconSocial">
<use xlink:href="assets/icons.svg#icon-pinterest"></use>
</svg></a></li>
</aside>
<div class="Contact--form"><a id="closeBtn" href="#">
<svg class="icon iconClose">
<use xlink:href="assets/icons.svg#icon-close"></use>
</svg></a>
<h2>Like what you see?</h2>
<p>Maybe you have an interesting project I can help you with.</p>
<form action="https://formspree.io/sergiofores@gmail.com" method="POST">
<label for="Name">Name</label>
<input class="form-control" type="text" aria-describedby="name" name="name" id="name">
<label for="Email">Email address</label>
<input class="form-control" type="email" name="_replyto" aria-describedby="emailHelp" id="email"><small class="form0-text text-muted">We'll never share your email with anyone else</small>
<label for="Phone Number">Phone Number</label>
<input class="form-control" type="tel" aria-describedby="tel" name="tel" id="name">
<label for="Message">Message</label>
<textarea class="form-control" rows="3" aria-describedby="message" name="msg" id="name"></textarea>
<button class="btn btn--invert" type="submit" value="Send">Submit</button>
</form>
</div>
<div class="About"><a id="closeAbout" href="#">
<svg class="icon iconClose">
<use xlink:href="assets/icons.svg#icon-close"></use>
</svg></a>
<h2>About NITUNIYO</h2>
<p>Maybe you have an interesting project I can help you with.</p>
</div>
<div class="scrollToTop" onclick="scrolltop();"></div>
</footer>
<script src="https://cdn.rawgit.com/michalsnik/aos/2.0.4/dist/aos.js"></script>
<script src="https://code.jquery.com/jquery-3.2.1.js" integrity="sha256-DZAnKJ/6XZ9si04Hgrsxu/8s717jcIzLy3oi35EouyE=" crossorigin="anonymous"></script>
</body>
<script src="js/build.js"></script>
</html>