-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
151 lines (136 loc) · 5.22 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
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
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
<!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="styles/style.css">
<link rel="icon" href="images/icon.png">
<title>Nimsara Mahagedara</title>
</head>
<body>
<!--Navigation bar-->
<nav class="navigation">
<img src="images/logo.png" alt="" srcset="" class="logo">
<i class="fa-solid fa-bars menuico" id="icon" onclick="menu()"></i>
<ul id="navlinks">
<li class="active"> <a href="">Home</a></li>
<li><a href="cities.html">Cities</a></li>
<li><a href="">Clients</a> </li>
<li><a href="">Join Us</a> </li>
<li><a href="">Contact</a></li>
</ul>
</nav>
<!--First section-->
<section class="container" id="this">
<div>
<p class="head-text">Tittle Goes Here</p>
<p>Description Goes here</p>
<a href="" class="button">Call To Action</a>
</div>
</section>
<!--Second section-->
<section class="section">
<h1>Text goes here here here : here here here 2022</h1>
<div class="section-2">
<div class="smile">
<i class="fa-solid fa-face-smile"></i>
<p>Text goes here</p>
</div>
<div class="knight">
<i class="fa-solid fa-chess-knight"></i>
<p>Text goes here</p>
</div>
<div class="bulleye">
<i class="fa-solid fa-bullseye"></i>
<p>Text goes here</p>
</div>
</div>
</section>
<!--Third Section-->
<section class="third-sec">
<div class="text-container">
<h2>Bienfaits du massage assis AMMA</h2>
<p>Massage traditionnel japonais, le terme AMMA provient des caractères an et mo qui signifient « calmer avec les mains » .</p>
<p>Le massage (AMMA) assis est une <b>technique de relaxation </b> se pratiquant en position assise sur une personne habillée.</p>
<p>Le massage dure <b>15 min à 20 min.</b></p>
<p>Vos collaborateurs restent <b> habillés. </b> Aucune huile n'est appliquée.</p>
<p>Très performant, le massage assis soulage les tensions, détend le dos, les épaules, les bras, les mains, la tête et la nuque.<b> Il agit sur le stress et la fatigue,</b> réduit les douleurs musculaires et la migraine.</p>
</div>
<div class="image-container">
<img src="images/massage-amma-entreprise.jpg" alt="" srcset="">
</div>
</section>
<!--Fourth Section-->
<section class="fourth-sec">
<h1>NOTRE ÉQUIPE GÈRE L'ENSEMBLE DE L'ÉVENEMENT</h1>
<div class="boxes">
<div>
<i class="fa-solid fa-screwdriver-wrench"></i>
<p>Une proposition sur-mesure selon vos contraintes et besoins</p>
<p>Votre entreprise est présente sur plusieurs sites ? Vous avez des plages horaires spécifiques ? Nous nous adaptons.</p>
</div>
<div>
<i class="fa-solid fa-screwdriver-wrench"></i>
<p>Une proposition sur-mesure selon vos contraintes et besoins</p>
<p>Votre entreprise est présente sur plusieurs sites ? Vous avez des plages horaires spécifiques ? Nous nous adaptons.</p>
</div>
<div>
<i class="fa-solid fa-screwdriver-wrench"></i>
<p>Une proposition sur-mesure selon vos contraintes et besoins</p>
<p>Votre entreprise est présente sur plusieurs sites ? Vous avez des plages horaires spécifiques ? Nous nous adaptons.</p>
</div>
</div>
</section>
<!--Fifth Section-->
<section class="fifth-sec">
<div>
<h2>85</h2>
<p>Masseurs & masseuses</p>
</div>
<div>
<h2>999</h2>
<p>Clients</p>
</div>
<div>
<h2>71</h2>
<p>Années d'expérience</p>
</div>
</section>
<!--Call to action button-->
<a href="" class="call-to-action">Call To Action</a>
<!--footer-->
<footer class="footer">
<div>
<h3>Title</h3>
<p>Osteoburo, marque de Oostéo, est un acteur historique de l'ostéopathie et du massage en entreprise.</p>
</div>
<div>
<h3>Title</h3>
<p>Osteoburo, marque de Oostéo, est un acteur historique de l'ostéopathie</p>
</div>
<div>
<h3>Title</h3>
<img src="images/oosteo.png" alt="" width="150px" height="45px">
</div>
<div class="useful-links">
<div>
<a href="">Legal</a>
<a href="">Cookies</a>
<a href="">Contact</a>
</div>
<div class="social-links">
<i class="fa-brands fa-facebook"></i>
<i class="fa-brands fa-twitter"></i>
<i class="fa-brands fa-pinterest"></i>
</div>
</div>
<a href="#this" class="top-button" id="topbtn"><i class="fa-solid fa-angle-up"></i></a>
</footer>
<div class="after-footer">
<p>2022 All Right Reserved © </p>
</div>
<script src="https://kit.fontawesome.com/24b485c31a.js" crossorigin="anonymous"></script>
<script src="js/menu.js"></script>
</body>
</html>