-
Notifications
You must be signed in to change notification settings - Fork 0
/
contact.html
75 lines (62 loc) · 4.14 KB
/
contact.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>contact</title>
<link rel="stylesheet" href="CSS/Style1.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.2.0/css/all.min.css" integrity="sha512-xh6O/CkQoPOWDdYTDqeRdPCVd1SpvCA9XXcUnZS2FmJNp1coAFzvtCN9BmamE+4aHK8yyUHUSCcJHgXloTyT2A==" crossorigin="anonymous" referrerpolicy="no-referrer" />
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@500&family=Poppins:wght@300;400;500;600;700&display=swap" rel="stylesheet">
</head>
<body>
<header>
<a href="#" class="logo"><span style=" color:rgb(176, 17, 2);">S</span><span>u</span><span>s</span><span>h</span><span>i</span></a>
<a onclick="oppenMenu()" id="open"><i class="fa-solid fa-bars" style="font-size: 35px;"></i></a>
<a onclick="closeMenu()" id="close"><i class="fa-solid fa-xmark" style="font-size: 35px;"></i></a>
<ul class="navbar">
<li><a href="index.html">Acceuil</a></li>
<li><a href="about.html">about</a></li>
<li><a href="testpanier/cart-achat.html">cart</a></li>
<li><a href="contact.html">contact</a></li>
</ul>
</header>
<ul class="navbar0 naaav" id="slide">
<li><a href="index.html">Acceuil</a></li>
<li><a href="about.html">about</a></li>
<li><a href="testpanier/cart-achat.html">cart</a></li>
<li><a href="contact.html">contact</a></li>
</ul>
<section class="section-contact">
<div class="titre-contact"><h2 class="contact-word"><span style=" color: #8A1313; font-size:50px;">C</span><span>ontact</span><span> us</span></h2> </div>
<div class="contact-box"> <h5>let's get the conversation started !</h5>
<div class="clasi" ><input style="padding: 5px;" type="text" placeholder="enter your full name" id="butn"></div>
<div class="clasi"><input style="padding: 5px; "type="text" placeholder="enter your email " id="butn"></div>
<div class="clasi"><input style="padding: 5px;" type="text" placeholder="enter your phone number" id="butn"></div>
<div class="clasi"><textarea style="padding: 5px;height: 70px;" placeholder="meassage" id="butn"></textarea></div>
<div class="clasi"><input style="color:rgb(0, 0, 0); background-color:brown ; width: 80px ; height:40px;" type="submit" value="send" id="butn0"></div>
</div>
<div class="titre-contact"><h2 class="contact-word" style="margin-bottom:30px ;"> <span>O</span>ur location</h2> </div>
<div class="maps" style="width: 100%"><div ><iframe width="100%" height="500" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://maps.google.com/maps?width=100%25&height=500&hl=en&q=1%20Grafton%20Street,%20Dublin,%20Ireland+(My%20Business%20Name)&t=&z=15&ie=UTF8&iwloc=B&output=embed"><a href="https://www.maps.ie/distance-area-calculator.html">distance maps</a></iframe></div><div>
</section>
<footer>
<div class="footer-top">
<a href="#" class="logo" style="color:aliceblue; "><span style="color: rgb(176, 17, 2);">S</span>ushi</a>
<p>Connect with us via our social media</p>
<ul class="reseaux-so">
<img src="salad/insta.png" alt="img">
<img src="salad/twitter.png" alt="img">
<img style="width:2em ;" src="salad/mail.png" alt="img">
<img style="width: 1em;" src="salad/phone.png" alt="img">
<img src="salad/fb.png" alt="img">
</ul>
</div>
<div class="footer-bottom">
<p>copyrights by nezha ©2022</p> </div>
</footer>
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.5.1/gsap.min.js"> </script>
<script src="./js/basket.js"> </script>
</body>
</html>