-
Notifications
You must be signed in to change notification settings - Fork 0
/
index2.html
128 lines (105 loc) · 4.22 KB
/
index2.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
<!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">
<link rel="stylesheet" href="style2.css">
<script src="https://kit.fontawesome.com/696da253b9.js" crossorigin="anonymous"></script>
<title>Document</title>
</head>
<body>
<header class="landing-page ">
<img src="logo.png" alt=""class="logo">
</header>
<div id="chevron"></div>
<div id="sideNav">
<nav>
<ul>
<li class="h"><a href="index.html">Home</a></li>
<li class="h"><a href="#">About US</a></li>
<li class="h"><a href="index3.html">Activites</a></li>
<li class="h"><a href="#">teachers</a></li>
<li class="h"><a href="#contact">Contact</a></li>
</ul>
</nav>
</div>
<div id="manuBtn">
<img src="menu.png"id="menu">
</div>
<main>
<div class="title1">
<h2> ABOUT <span>US</span></h2>
<p>HOLA! languages center</p>
</div>
<div class="education">
<img src="mainindex2.png" alt="">
</div>
<div class="main2">
<p>HOLA! Language Center of Tangier has been teaching many
languages in Tangier for over 45 years. In addition to
providing courses for children, adolescents and adults,
we also organize and support cultural activities
(plays, workshops, art exhibits, scholarly lectures,
concerts, multi-disciplinary events) and community service
programs and projects.
</p>
<p class="p2">HOLA! Tangier is a member of the American Cultural Association,
a private, non-profit educational and cultural service.</p>
</div>
<div class="main3">
<p>The Language Center is located in Tangier,
exactly in the “Al-Mars Al-Mazouk”
neighborhood, in front of Omar’s residence.</p>
</div>
</main>
<!--footer-->
<footer>
<div class="active3">
<h4>CONNECT<span> WITH US</span></h4>
<p>This is the best way</p>
</div>
<div class="all">
<div class="part_footer">
<div class="img"></div>
<h6>GENERAL INQUIRIES</h6>
<div class="all_input">
<input type="text" placeholder="Name" class="input">
<input type="text" placeholder="E-mail"class="input">
<textarea name="" placeholder="Comments/Questions"></textarea>
<button type="text" class="button" value="Send">Send</button>
</div>
</div>
<div class="part_footer2">
<div class="wrapper">
<div class="button">
<div class="icon"><i class="fab fa-facebook-square"></i></div>
<span>Facebook</span>
</div>
<div class="button">
<div class="icon"><i class="fab fa-instagram"></i></div>
<span>Facebook</span>
</div>
<div class="button">
<div class="icon"><i class="fas fa-phone-alt"></i></i></div>
<span>Facebook</span>
</div>
<div class="button">
<div class="icon"><i class="far fa-envelope"></i></i></div>
<span>Facebook</span>
</div>
</div>
<div class="img_horaires">
</div>
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d51810.952817443875!2d-5.871253637171546!3d35.74626844602396!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0xd0b87118a7f38e3%3A0x6e30c6a0ac0e74a5!2sMarjane!5e0!3m2!1sen!2sma!4v1637583814191!5m2!1sen!2sma"
style="border:0;" allowfullscreen="" loading="lazy" class="img_map"></iframe>
</div>
</footer >
</div>
<div class="copie">
<p class="p"><a id="contact"></a>© Copyright 2021 HOLA!
Tanger by TECHNO-CASLE. All rights reserved</a></p>
</div>
<script src="main.js"></script>
</body>
</html>