-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
102 lines (92 loc) · 4.89 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
102
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- ICONS -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">
<!-- FAVICON -->
<link rel="shortcut icon" href="./assets/favicon/favicon.ico" type="image/x-icon">
<!-- BOOTSTRAP STYLES -->
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
<!-- CSS STYLES -->
<link rel="stylesheet" href="./CSS/styles.css">
<!-- DESCRIPTION, KEYWORDS AND TITLE -->
<meta name="description" content="Mag Lennon is a 29-year-old photographer and art director originally from Argentina, and currently based in Barcelona, Spain. With over 8 years of experience in editorial design and photography in Argentina, she decided to break through the glass ceiling and expand her work in Europe. At the moment, she is dedicating herself to providing creative digital content for global brands, specializing in editorial photography and still life creation.">
<meta name="keywords" content="PHOTOGRAPHY, PHOTOGRAPHER, PORTRAIT, BARCELONA, EDITORIAL PHOTOGRAPHY, FLOWERS, FASHION PHOTOGRAPHY, ELISAVA PHOTOGRAPHER, STILL-LIFE, DIGITAL CONTENT">
<title>Mag Lennon Photography</title>
</head>
<body>
<div class="imgIndex">
<!-- HEADER: LOGO AND NAV BAR-->
<div class="container-fluid p-0">
<div class="row m-0">
<div class="col-lg-12 col-xs-12 p-0">
<nav class="navbar navbar-expand-sm p-0">
<a class="navbar-brand p-0" href="./index.html"><img src="./assets/logoTransparente.png" class="logo" alt="logo"></a>
<div class="container-fluid mb-10 hide">
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#collapsibleNavbar">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse justify-content-around" id="collapsibleNavbar">
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link" href="./index.html">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="./pages/about.html">About</a>
</li>
<li class="nav-item">
<a class="nav-link" href="./pages/shootings.html">Shootings</a>
</li>
<li class="nav-item">
<a class="nav-link" href="./pages/editorial.html">editorial</a>
</li>
<li class="nav-item">
<a class="nav-link" href="./pages/connect.html">Connect</a>
</li>
</ul>
</div>
</div>
</nav>
</div>
</div>
</div>
<!-- END HEADER AND NAV BAR -->
<main>
<marquee behavior="" scrollamount="10" direction="right">
<a href="./pages/connect.html">LET'S CONNECT</a>
</marquee>
</main>
</div>
<!-- FOOTER START-->
<footer>
<div class="container-fluid">
<div class="row">
<div class="col-lg-12 col-xs-12 socialMedia">
<a href="https://www.behance.net/lennonmagg/" target="_blank">
<i class="fa-brands fa-behance social"></i>
</a>
<a href="https://ar.pinterest.com/magglennon/" target="_blank">
<i class="fa-brands fa-pinterest social"></i>
</a>
<a href="https://www.instagram.com/magglennon/" target="_blank">
<i class="fa-brands fa-instagram social"></i>
</a>
<a href="https://lennonmagdalena.myportfolio.com/" target="_blank">
<i class="fa-solid fa-briefcase social"></i>
</a>
<a href="./pages/connect.html">
<i class="fa-solid fa-phone social"></i>
</a>
</div>
</div>
</div>
<p class="copyRight">Photography by <span class="name">Magdalena Lennon</span></p>
</footer>
<!-- FOOTER END -->
<!-- BOOTSTRAP JS -->
<script src="https://cdn.jsdelivr.net/npm/@popperjs/[email protected]/dist/umd/popper.min.js" integrity="sha384-I7E8VVD/ismYTF4hNIPjVp/Zjvgyol6VFvRkX/vR+Vc4jQkC+hVqc2pM8ODewa9r" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-0pUGZvbkm6XF6gxjEnlmuGrJXVbNuzT9qBBavbLwCsOGabYfZo0T0to5eqruptLy" crossorigin="anonymous"></script>
</body>
</html>