-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathphotographerPage.html
93 lines (83 loc) · 4.72 KB
/
photographerPage.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
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="description" content="Page photographe sélectionné">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,300;0,400;0,500;0,900;1,500&display=swap" rel="stylesheet">
<link rel="stylesheet" href="photographerPage.css">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.12.1/css/all.css" crossorigin="anonymous">
<title>Page Photographe</title>
</head>
<body>
<!--HEADER-->
<header id="main-header"aria-label="header">
<div class="logo" aria-label="Retour page principale">
<a href="./index.html" class="logo-link"> <img class="logo-img" src="./Medias/logo.png" alt="retour page principale FishEye"></a>
</div>
</header>
<!--END OF HEADER-->
<!--MAIN CONTENT-->
<main>
<!--PHOTOGRAPHER INFO SECTION-->
<section class="photographer__id__section" aria-label="Informations Photographe" role="information" tabindex="0"></section>
<!--END OF PHOTOGRAPHER INFO SECTION-->
<!--FILTER-->
<!--filter container-->
<div class="listbox_container">
<span class="filter-by" aria-label="liste filtrante">Trier par</span>
<select aria-label="filtrer par" name="filtre" id="listbox" class="listbox listbox__btn">
<option value="popularité" >Popularité <i class="fas fa-chevron-down"></i><i class="fas fa-chevron-up"></i></option>
<option value="date">Date</option>
<option value="titre">Titre</option>
</select>
</div>
<!--End of filter container-->
<!--END OF FILTER-->
<!--GALLERY SECTION-->
<section aria-label="gallery photographe" class="gallery"></section>
<!--END OF GALLERY SECTION-->
<div class="likesAndPrice"></div>
<!--CONTACT MODAL-->
<div class="bground-contact">
<div class="content" aria-label="modale de contact" id="focus" tabindex="0">
<h1 class="form-header"></h1>
<button class="close-contactForm"><i class="fas fa-times"></i></button>
<div role="dialog" id="modal-div" class="modal-body">
<form action="./photographerPage.html" method="post" id="contact-form">
<div id="prenom-div" class="formData" aria-label="entrer votre prénom">
<label for="prenom">Prénom</label>
<input class="text-control" type="text" name="prenom" id="prenom" required>
</div>
<div id="nom-div" class="formData"aria-label="entrer votre nom">
<label for="nom">Nom</label>
<input class="text-control" type="text" name="nom" id="nom" required>
</div>
<div id="email-div" class="formData" aria-label="entrer votre email">
<label for="email">email</label>
<input class="text-control" type="email" name="email" id="email" required>
</div>
<div id="message-div" class="formData"aria-label="entrer votre message">
<label for="message">Votre message</label>
<input class="text-control" type="text" name="message" id="message" required>
</div>
<button id="submit-btn" class="btn" type="submit" aria-label="envoyer formulaire">Envoyer</button>
</form>
</div> <!--End of modal-div-->
</div> <!--End of div content-->
</div> <!--END OF CONTACT MODAL-->
<!--LIGHTBOX-->
<div id="lightbox">
<button class="close-lightbox" aria-label="fermer médias lightbox"><i class="fas fa-times"></i></button>
<!-- Next/previous controls -->
<button class="lightbox-btn" id="prev" type="button" aria-label="photo précédente"><i class="fas fa-chevron-left"></i></button>
<button class="lightbox-btn" id="next" type="button" aria-label="photo suivante"><i class="fas fa-chevron-right"></i></button>
<div class="slides"></div>
</div> <!--END OF LIGHTBOX-->
</main> <!--END OF MAIN CONTENT-->
<script type="module" src="js/app.js"></script>
</body>
</html>