-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
128 lines (112 loc) · 5.54 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
<!DOCTYPE html>
<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/reset.css" />
<link rel="stylesheet" href="./styles/style.css">
<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=Fredoka+One&family=Nunito:wght@500&display=swap"
rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Roboto+Mono:100" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.3.0/css/all.min.css"
integrity="sha512-SzlrxWUlpfuzQ+pcUCosxcglQRNAq/DZjVsC0lE40xsADsfeQoEypE+enwcOiGjk/bSuGGKHEyjSoQ1zVisanQ=="
crossorigin="anonymous" referrerpolicy="no-referrer" />
<title>Converter</title>
</head>
<body>
<div class='light x1'></div>
<div class='light x2'></div>
<div class='light x3'></div>
<div class='light x4'></div>
<div class='light x5'></div>
<div class='light x6'></div>
<div class='light x7'></div>
<div class='light x8'></div>
<div class='light x9'></div>
<nav class="navbar">
<ul class="navbar-menu">
<li class="navbar-item logo">
<a href="#" class="navbar-link">
<span class="navbar-title">CONVERT</span>
<i class="fa-solid fa-right-left navbar-icon"></i>
</a>
</li>
<li class="navbar-item">
<a href="./pages/currency.html" class="navbar-link">
<i class="fa-solid fa-sack-dollar navbar-icon"></i>
<span class="navbar-title">Currency</span>
</a>
</li>
<li class="navbar-item">
<a href="./pages/measurement.html" class="navbar-link">
<i class="fa-solid fa-ruler navbar-icon"></i>
<span class="navbar-title">Measurement</span>
</a>
</li>
<li class="navbar-item">
<a href="./pages/weight.html" class="navbar-link">
<i class="fa-solid fa-weight-hanging navbar-icon"></i>
<span class="navbar-title">Weight</span>
</a>
</li>
<li class="navbar-item">
<a href="./pages/monument.html" class="navbar-link">
<i class="fa-solid fa-archway navbar-icon"></i>
<span class="navbar-title">Monument</span>
</a>
</li>
<li class="navbar-item">
<a href="./pages/wacky.html" class="navbar-link">
<i class="fa-sharp fa-solid fa-ghost navbar-icon"></i>
<span class="navbar-title">Wacky</span>
</a>
</li>
</ul>
</nav>
<div class="text"></div>
<section id="scroll" class="scroller">
<a><span></span>Scroll</a>
</section>
<div class="container-contact">
<p>Welcome to CONVERT,<br> <br>This is a unique website that converts measurements, weights, currencies,
landmarks,
and unique objects.<br><br>
Our website is your go-to destination for quick and easy conversion of various units of measurement.<br><br>
Whether you are a student, a professional, or just someone who needs to convert units for personal use,
our site has got you covered. We offer a wide range of conversion tools for lengths, weights, currencies,
and even landmarks from around the world. Our unique object converter is also perfect for those who want to
convert unique or obscure objects into familiar units of measurement. <br><br>
Our user-friendly interface makes it easy to convert any measurement you need, and our tools are
accurate and reliable. With our site, you can save time and avoid the frustration of manually calculating
conversions or searching for conversion tables online. <br><br>
Our team is dedicated to providing the best possible conversion experience for our users. We are
constantly
updating and improving our tools to ensure that they are up-to-date, accurate, and easy to use. We also
welcome any feedback or suggestions for new conversion tools or features. <br><br>
Thank you for choosing our website for all your conversion needs. We hope you find our site helpful and
convenient, and we look forward to serving you in the future.</p>
</div>
<div class="footer-accueil">
<div class="social-links">
<a href="https://twitter.com/lbe_amandine">
<i class="fa-brands fa-twitter navbar-icon"></i>
</a>
<a href="https://www.instagram.com/ae_lbe/">
<i class="fa-brands fa-instagram navbar-icon"></i>
</a>
<a href=https://www.linkedin.com/in/amandine-labbe-22837022b>
<i class="fa-brands fa-linkedin-in navbar-icon"></i>
</a>
<a href="https://github.com/amandinelabbe?tab=repositories">
<i class="fa-brands fa-github navbar-icon"></i>
</a>
<a href="mailto:[email protected]">
<i class="fa-solid fa-envelope navbar-icon"></i>
</a>
</div>
</div>
<script src="./scripts/app.js"></script>
</body>
</html>