-
Notifications
You must be signed in to change notification settings - Fork 0
/
about.html
129 lines (129 loc) · 7.89 KB
/
about.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-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="#00aba9">
<meta name="theme-color" content="#ffffff">
<title>About/Iri's Universe</title>
<link rel="stylesheet" href="css/aos.css">
<link href="https://fonts.googleapis.com/css2?family=Tajawal:wght@300;400;500&display=swap" rel="stylesheet">
<link rel="stylesheet" href="css/normalize.css">
<link rel="stylesheet" href="css/irisuniverse.css">
</head>
<body>
<header id="header">
<div class="holder">
<nav>
<div class="logoheader">
<a href="index.html"><img src="./img/logo/logoirisuniverse.png" width="160" alt="logo"></a>
</div>
<ul class='nav-links'>
<li><a class="activo" href="index.html">Home</a></li>
<li><a href="about.html">About</a></li>
<li><a href="gallery.html">Gallery</a></li>
<li><a href="shops.html">Shops</a></li>
<li><a href="blog.html">Blog</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
<div class="burguer">
<div class="line1"></div>
<div class="line2"></div>
<div class="line3"></div>
</div>
</nav>
</div>
</header>
<aside>
<div class="social-bar redes">
<a class="button flaticon-facebook" href="https://www.facebook.com/irisuniverse1" target="_blank"></a>
<a class="button flaticon-instagram"href="https://www.instagram.com/irisuniverse1/" target="_blank"></a>
<a class="button flaticon-youtube"href="#"></a>
<a class="button flaticon-pinterest-social-logo"href="https://ar.pinterest.com/irisuniverse1" target="_blank"></a>
</div>
<main>
<div class="about holder" data-aos="fade-up"
data-aos-anchor-placement="top-bottom">
<div class="aboutme">
<img class="left" src="./img/about/about.jpg" alt="aboutme">
<h1>About me</h1>
<p>Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor at Hampden-Sydney College in Virginia, looked up one of the more obscure Latin words, consectetur, from a Lorem Ipsum passage, and going through the cites of the word in classical literature, discovered the undoubtable source. Lorem Ipsum comes from sections 1.10.32 and 1.10.33 of "de Finibus Bonorum et Malorum" (The Extremes of Good and Evil) by Cicero, written in 45 BC. This book is a treatise on the theory of ethics, very popular during the Renaissance. The first line of Lorem Ipsum, "Lorem ipsum dolor sit amet..", comes from a line in section 1.10.32.</p>
<p class="centerspan"><q>De Finibus Bonorum et Malorum Lorem ipsum dolor sit amet</q></p>
<p>Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor at Hampden-Sydney College in Virginia, looked up one of the more obscure Latin words, consectetur, from a Lorem Ipsum passage, and going through the cites of the word in classical literature, discovered the undoubtable source. Lorem Ipsum comes from sections 1.10.32 and 1.10.33 of "de Finibus Bonorum et Malorum" (The Extremes of Good and Evil) by Cicero, written in 45 BC. This book is a treatise on the theory of ethics, very popular during the Renaissance. The first line of Lorem Ipsum, "Lorem ipsum dolor sit amet..", comes from a line in section 1.10.32.</p>
</div>
</div>
<div class="about contact" data-aos="fade-up"
data-aos-anchor-placement="top-bottom">
<div class="holder">
<h2>get in touch</h2>
<h4>Les't create something together!</h4>
<div class="contacts left">
<h3>Contact details:</h3>
<ul>
<li class="button flaticon-phone-book"><span>(+54)1154854548.</span></li>
<li class="button flaticon-email" ><span>irisuniverse1@gmail.com.</span></li>
<li class="button flaticon-placeholder"><span>Argentina/Buenos Aires.</span></li>
</ul>
</div>
<div class="about contacts right">
<form name="contact" action="" method="get" target="_blank" class="formcontact">
<section class="border name">
<label for="yourname">Your name</label>
<input type="text" name="yourname" id="yourname" required/>
</section>
<section class="border email">
<label for="e-mail">E-mail</label>
<input type="text" name="e-mail" id="e-mail" required/>
</section>
<section class="border phone">
<label for="yourphone">Phone</label>
<input type="text" name="yourphone" id="yourphone" required/>
</section>
<section class="border message">
<label for="yourmessage">Message</label>
<textarea name="yourmessage" id="yourmessage"></textarea>
</section>
<section class="sending">
<input type="submit" value="send"/>
</section>
</form>
</div>
</div>
</div>
<div class="about news holder" data-aos="fade-up"
data-aos-anchor-placement="top-bottom">
<h2>Subscribe to my newsletter</h2>
<h4>Sign up to our newsletter and be the first to know about my latest news,
special offers, events, and discounts.</h3>
<form name="newsletter" action="" method="get" target="_blank" class="newsletter">
<input type="text" placeholder="E-mail" required>
<input type="submit" value="subscribe">
</form>
</div>
</main>
<footer data-aos="fade-up"
data-aos-anchor-placement="top-bottom">
<div class="redes">
<a class="button flaticon-facebook" href="https://www.facebook.com/irisuniverse1" target="_blank"></a>
<a class="button flaticon-instagram"href="https://www.instagram.com/irisuniverse1/" target="_blank"></a>
<a class="button flaticon-youtube"href="#"></a>
<a class="button flaticon-pinterest-social-logo"href="https://ar.pinterest.com/irisuniverse1" target="_blank"></a>
</div>
<a href="index.html"><img src="./img/logo/logoirisuniverse.png" width="150" alt="logo"></a>
<p>Made with love in Argentina ©Iriangel Quintero 2020.</p>
</footer>
<script src="js/aos.js"></script>
<script>
AOS.init();
</script>
<script src="js/jquery.min.js"></script>
<script src="js/headroom.min.js"></script>
<script src="js/header.js"></script>
<script src="js/nav-links.js"></script>
</body>
</html>