-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
101 lines (98 loc) · 6.88 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
89
90
91
92
93
94
95
96
97
98
99
100
101
<!DOCTYPE html>
<html>
<head>
<title>Erika Zimmer</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">
<link href="https://fonts.googleapis.com/css?family=Cedarville+Cursive|Dancing+Script|Pompiere|Stalemate|Zhi+Mang+Xing&display=swap" rel="stylesheet">
<link rel="shortcut icon" href="img/favicon.png">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>
<script src='https://kit.fontawesome.com/a076d05399.js'></script>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<div class="row">
<div class="col-lg-2 col-md-3 col-sm-12 nav-aside">
<header class="nav-head">
<img src="img/favicon.png" class="favicon">
<h3>Erika Zimmer</h3>
</header>
<nav id="v-pills-tab" role="tablist">
<div class="nav flex-column nav-pills" id="v-pills-tab" role="tablist" aria-orientation="vertical">
<a class="nav-link" id="v-pills-home-tab" data-toggle="pill" href="#v-pills-home" role="tab" aria-controls="v-pills-home" aria-selected="true">Home</a>
<a class="nav-link" id="v-pills-about-tab" data-toggle="pill" href="#v-pills-about" role="tab" aria-controls="v-pills-about" aria-selected="false">Sobre mi</a>
<a class="nav-link" id="v-pills-profile-tab" data-toggle="pill" href="#v-pills-profile" role="tab" aria-controls="v-pills-profile" aria-selected="false">Portfolio</a>
</div>
</nav>
<footer class="aside-foot">
<div class="social-media">
<a href="https://www.instagram.com/zimmererika/" target="_blank"><img class="social-media-icon" src="https://www.instagram.com/static/images/ico/favicon-192.png/68d99ba29cc8.png"></a>
<a href="https://stock.adobe.com/es/contributor/207316495/Nahuel" target="_blank"><img class="social-media-icon" src="https://contributor.stock.adobe.com/favicon.ico?v=1"></a>
<a href="https://www.shutterstock.com/es/g/nahpalet?rid=185447388" target="_blank"><img class="social-media-icon" src="https://submit2.shutterstock.com/public/img/favicons/favicon-4d04e7276d.png"></a>
<a href="https://www.alamy.com/search/imageresults.aspx?pl=1&plno=456968" target="_blank"><img class="social-media-icon" src="https://static.alamy.com/images/icons/favicon-32x32.png"></a>
<a href="https://www.dreamstime.com/nahpalet_info" target="_blank"><img class="social-media-icon" src="https://www.dreamstime.com/favicon-144.png"></a>
</div>
<p class="p-foot">Copyright 2020. All Rights Reserved. Powered by <a href="http://merakisolution.com/" target="_blank">Meraki Solution</a></p>
</footer>
</div>
<div class="col-lg-10 col-md-9 col-sm-12 seccion-page">
<div class="tab-content" id="v-pills-tabContent">
<div class="tab-pane fade show active" id="v-pills-home" role="tabpanel" aria-labelledby="v-pills-home-tab">
<div class="firma-presentacion h-100">
<h1>Erika Zimmer</h1>
<h5>Fotografia</h5>
</div>
</div>
<div class="tab-pane fade" id="v-pills-about" role="tabpanel" aria-labelledby="v-pills-about-tab">
<div class="row">
<div class="col-lg-6 col-md-12 text-left align-self-center" id="about-text">
<h2 id="about-title">Sobre mí</h2>
<hr><br>
<p class="first-p">Soy una joven que está ingresando a mi tercera década apasionada por la fotografía. Mi relación con la cámara comenzó siendo un simple hobby para transformarse en algo cotidiano. En algún momento empecé a vivir mi día a día pensando “eso sería una linda foto”, “esos colores son increíbles” o “desde este ángulo se vería genial”. Cuando no estoy fotografiando paso mi tiempo trabajando y estudiando sobre el sector IT y las redes sociales, otra cosa que me apasiona.</p>
<p>Puedo describirme como una mujer curiosa, intensa, impaciente y algo introvertida, aunque me encanta conocer gente nueva todo el tiempo. Lo que si soy terrible para las conversaciones virtuales. Estoy casada y disfruto mucho del tiempo que comparto con mi familia. No hay nada mejor que una noche con mi marido en el sillón mirando una serie con una rica cerveza artesanal o una copa de vino. Mi máximo sueño es conocer cada rincón del mundo. </p>
</div>
<div class="col-lg-6 col-md-12 align-self-center" id="about-img"><img src="img/yo-002.jpg" width=100%> </div>
</div>
</div>
<div class="tab-pane fade" id="v-pills-profile" role="tabpanel" aria-labelledby="v-pills-profile-tab">
<h2 class="space-top">Portfolio</h2><hr>
<div class="row ">
<div class="col-md-4">
<img class="profile-img" src="img/img25.jpg">
<img class="profile-img" src="img/img14.jpg">
<img class="profile-img" src="img/img23.jpg">
<img class="profile-img" src="img/img24.jpg">
</div>
<div class="col-md-4">
<img class="profile-img" src="img/img01.jpg">
<img class="profile-img" src="img/img29.jpg">
<img class="profile-img" src="img/img11.jpg">
<img class="profile-img" src="img/img12.jpg">
</div>
<div class="col-md-4">
<img class="profile-img" src="img/img19.jpg">
<img class="profile-img" src="img/img32.jpg">
<img class="profile-img" src="img/img03.jpg">
<img class="profile-img" src="img/img16.jpg">
</div>
</div>
</div>
</div>
</div>
<br>
<div class="col-12 body-foot align-self-center">
<div class="social-media">
<a href="https://www.instagram.com/zimmererika/" target="_blank"><img class="social-media-icon" src="https://www.instagram.com/static/images/ico/favicon-192.png/68d99ba29cc8.png"></a>
<a href="https://stock.adobe.com/es/contributor/207316495/Nahuel" target="_blank"><img class="social-media-icon" src="https://contributor.stock.adobe.com/favicon.ico?v=1"></a>
<a href="https://www.shutterstock.com/es/g/nahpalet?rid=185447388" target="_blank"><img class="social-media-icon" src="https://submit2.shutterstock.com/public/img/favicons/favicon-4d04e7276d.png"></a>
<a href="https://www.alamy.com/search/imageresults.aspx?pl=1&plno=456968" target="_blank"><img class="social-media-icon" src="https://static.alamy.com/images/icons/favicon-32x32.png"></a>
<a href="https://www.dreamstime.com/nahpalet_info" target="_blank"><img class="social-media-icon" src="https://www.dreamstime.com/favicon-144.png"></a>
</div>
<p class="p-foot">Copyright 2020. All Rights Reserved. Powered by <a href="http://merakisolution.com/" target="_blank">Meraki Solution</a></p>
</div>
</div>
</body>
</html>