-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathabout.html
104 lines (104 loc) · 5.52 KB
/
about.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
<!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>About us</title>
<link
href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.1/dist/css/bootstrap.min.css"
rel="stylesheet"
integrity="sha384-iYQeCzEYFbKjA/T2uDLTpkwGzCiq6soy8tYaI1GyVh/UjpbCx/TYkiZhlZB6+fzT"
crossorigin="anonymous"
/>
<link rel="stylesheet" href="styles/style.css" />
<script
src="https://kit.fontawesome.com/7e86c8c237.js"
crossorigin="anonymous"
></script>
</head>
<body>
<nav id="toolbar">
<div class="mob-nav-container">
<a class="nav-bars">
<i class="fa-sharp fa-solid fa-bars fs-1 fw-bold"></i>
</a>
</div>
<ul id="toolbar-items" class=" d-none list-unstyled justify-content-end">
<i class="fa-brands fa-facebook-f p-2"></i>
<i class="fa-brands fa-twitter p-2"></i>
<li class="toolbar-item p-2">English</li>
<li class="toolbar-item p-2">My Page</li>
<li class="toolbar-item p-2">Logout</li>
</ul>
<div class="nav-items d-none list-unstyled justify-content-between px-4">
<div class="logo d-flex flex-row align-content-center justify-content-center align-items-center">
<img class="logo-img" src="./assets/icons/logo.png" alt="logo">
<div class="vertical-bord"></div>
<a href="./" class="carento text-decoration-none fs-2 fw-bold">Carento.</a>
</div>
<ul class="nav-btns d-flex list-unstyled justify-content-end align-content-center align-items-center m-0">
<li class="nav-item"><a class="text-decoration-none text-dark fw-normal" href="./">Home</a></li>
<li class="nav-item"><a class="text-decoration-none text-dark fw-normal" href="./about.html">About</a></li>
<li class="nav-item"><a class="text-decoration-none text-dark fw-normal" href="">Join</a></li>
<li class="nav-item"><a class="text-decoration-none text-dark fw-normal" href="">Sponsor</a></li>
<li class="nav-item"><a class="text-decoration-none text-dark fw-normal" href="">News</a></li>
<li class="nav-item special p-2 px-4"><a class="text-decoration-none text-dark fw-normal" href="">Our Offers</a></li>
</ul>
</div>
</nav>
<main class="about-us bg-light">
<section class="hero d-flex flex-column align-content-center align-items-center ">
<h1 class="title-about text-center ">Creative Cars Renting Website 2022</h1>
<hr class="bord"></hr>
<p class="home-para text-center">
That wonderful feeling – you start the engine and your adventure begins…
At Carento.com everything we do is about giving you the freedom to discover more. We’ll move mountains to find you the right rental car, and bring you a smooth, hassle-free experience from start to finish. Here you can find out more about how we work.
</p>
</section>
<hr class="seperator">
<section class="about-logo d-flex flex-column justify-content-center align-content-center align-items-center">
<h3 class="section-title mt-5">
Creative Cars Renting Website 2022 Logo
</h3>
<hr class="bord">
<p class="description">
I made my loge of my website of an animation that descripes how fast we are, this logo won a prize in 2000 as a best logo in all websites We’ll move mountains to find you the right rental car, and bring you a smooth, hassle-free experience from start to finish. Here you can find out more about how we work.
</p>
<p class="about-logo-details">
Carento
</p>
</section>
<hr class="seperator">
<section class="begin d-flex flex-column justify-content-center align-content-center align-items-center">
<h3 class="section-title">
See our begining
</h3>
<hr class="bord">
<p class="para">This is the first two cars which we begin with in our journey</p>
<div class="begin-imgs d-flex flex-column">
<div class="pic pic1">
<p class="car text-center lh-5"><span class="year">1989</span><br/>This is Our First Car</p>
</div>
<div class="pic pic2">
<p class="car text-center lh-5"><span class="year">1990</span><br/>This is Our Second Car</p>
</div>
</div>
</section>
<section class="partners about-partners d-flex flex-column align-items-center justify-content-start mt-4">
<h3 class="section-title">Partnes</h3>
<hr class="bord">
<div class="partners-logo d-flex flex-row align-items-center justify-content-start mt-4">
<img src="./assets/partners/careem.png" alt="careem" class="partner">
<img src="./assets/partners/uber.png" alt="uber" class="partner">
<img src="./assets/partners/behance.png" alt="behance" class="partner">
</div>
</section>
</main>
<footer class="footer d-flex flex-row align-items-center">
<h2 class="carento">Carento</h2>
<p class="credit">2022 Renting Cars Website.<br/>Some Rights Reversed.</p>
</footer>
<script type="module" src="./other-scripts/about.js"></script>
</body>
</html>