-
Notifications
You must be signed in to change notification settings - Fork 1
Expand file tree
/
Copy pathindex.html
More file actions
128 lines (118 loc) · 9.37 KB
/
index.html
File metadata and controls
128 lines (118 loc) · 9.37 KB
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>
<head>
<title>Forbes</title>
<link href="./assets/favicon.ico" rel="icon" type="image/x-icon" />
<meta name="viewport" conent="width=device-width, initial-scale=1.0">
<link href="css/style.css" rel="stylesheet" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.0-2/css/all.min.css">
</head>
<body bgcolor="#1f1a25">'
<div id='stars'></div>
<div id='stars2'></div>
<div id='stars3'></div>'
<header>
<a href="index.html" style="text-decoration-line: none;"><h1 align="center" style="color:#f5f5dc; text-decoration-line: none;">Forbes</h1></a>
</header>
<ul class="navbar">
<li class="index"><a href="index.html">Home</a></li>
<li class="index"><a href="./celebrities/index.html">Celebrities</a></li>
<li class="index"><a href="./companies/index.html">Companies</a></li>
<li class="index"><a href="./countries/index.html">Countries</a></li>
</ul>
<form id="searchForm" method="get" action="/search">
<input name="q" id="searchInput" type="text" size="15" placeholder="Type here…" />
<button class="button-submit" type="submit" >Search</button>
</form>
<section style="justify-content: center;">
<center>
<div class="slideshow-container">
<div class="mySlides fade">
<div class="numbertext">1 / 3</div>
<div>
<div id="about-section">
<p class="title" style="color: #f5f5dc;font-size: 70px;text-align: center ;">About Our Site</p><br>
<p style="font-size: 180%;color: #fff;">Welcome to our website, where you can find information on a wide variety of topics. Our site is designed to be easy to use and navigate, with a clean and modern layout that puts the focus on the content.</p>
<h2>Our Mission</h2>
<p style="font-size: 180%;color: #fff;">Our mission is to provide high-quality, accurate information on a wide range of topics. We believe that access to information is essential in today's world, and we are committed to making it as easy as possible for people to find what they need.</p>
<h2>What We Offer</h2>
<p style="font-size: 180%;color: #fff;">Our site covers a broad range of topics, from science and technology to art and culture. We strive to provide in-depth and up-to-date information that is both informative and engaging. Our team of writers and researchers is dedicated to providing accurate and well-researched content that you can trust.</p>
<h2>How to Use Our Site</h2>
<p style="font-size: 180%;color: #fff;">Our site is designed to be user-friendly and easy to navigate. You can browse our categories to find the topic you're interested in, or use our search function to find specific information. If you have any questions or suggestions, please feel free to contact us.</p>
<h2>Join Our Community</h2>
<p style="font-size: 180%;color: #fff;">We welcome you to join our community of readers and contributors. If you have expertise in a particular topic and would like to share your knowledge, please consider contributing to our site. And if you find our site useful, please share it with others who may benefit from the information we provide.</p>
<div id="video-intro">
<h2>Video Introduction</h3>
<iframe width="560" height="315" src="https://www.youtube.com/embed/eY7Jvv_6wj8" title="Video Introduction" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
</div>
</div>
</div>
<div class="mySlides fade">
<div class="numbertext">2 / 3</div>
<!-- <img src="img_snow_wide.jpg" style="width:100%"> -->
<p class="title" style="color: #f5f5dc;font-size: 70px;text-align: center ;">News</p><br>
<a class="twitter-timeline" data-lang="en" data-width="800" data-height="1000" data-theme="dark" href="https://twitter.com/Forbes?ref_src=twsrc%5Etfw">Tweets by Forbes</a> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
<div class="text">News</div>
</div>
<div class="mySlides fade">
<div class="numbertext">3 / 3</div>
<div class="category">
<p class="title" style="color: #f5f5dc;font-size: 70px;text-align: center ;">Creators</p><br>
<div class="profile-card-container">
<div class="profile-card">
<center>
<img src="./assets/hedi_fourati_profile_picture.jpg" alt="Hedi Fourati Profile Picture" class="profile-picture">
</center>
<h3 class="profile-name">Hedi Fourati</h3>
<ul class="social-links">
<div style="text-decoration: none;color: black;"><a href="https://www.instagram.com/hedi_.fourati"><i class="fab fa-instagram"></i></a></divi>
<div style="text-decoration: none;color: black;"><a href="https://github.com/GameNotCreator/GameNotCreator.github.io"><i class="fab fa-github"></i></a></div>
</ul>
<p class="profile-description">16 years old</p>
<p class="profile-description">Uncertified developer</p>
<p class="contact-info"><a href="mailto:hedi.fourati-e@erlm.tn">hedi.fourati-e@erlm.tn</a></p>
</div>
<div class="profile-card">
<center>
<img src="./assets/sara_ghaddab_profile_picture.jpg" alt="Sara Ghaddab Profile Picture" class="profile-picture">
</center>
<h3 class="profile-name">Sara Ghaddab</h3>
<ul class="social-links">
<div><a href="https://www.instagram.com/saraghaddab"><i class="fab fa-instagram"></i></a></div>
<div><a href="https://www.pinterest.com/saraghaddabe"><i class="fab fa-pinterest"></i></a></div>
</ul>
<p class="profile-description">16 years old</p>
<p class="profile-description">Uncertified UI/UX designer</p>
<p class="contact-info"><a href="mailto:sara.ghaddab-e@erlm.tn">sara.ghaddab-e@erlm.tn</a></p>
</div>
</div>
<p class="title" style="color: #f5f5dc;font-size: 50px;text-align: center ;">School</p><br>
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3802.2923784538048!2d10.330920430874203!3d36.8800054067267!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x12e2b48e4c6ceffb%3A0x178735cd2a5cc8ce!2sSchool%20Gustave%20Flaubert!5e1!3m2!1sen!2stn!4v1678214814709!5m2!1sen!2stn" width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
</div>
</div>
<a class="prev" onclick="plusSlides(-1)">❮</a>
<a class="next" onclick="plusSlides(1)">❯</a>
</div>
<br>
<div style="text-align:center">
<span class="dot" onclick="currentSlide(1)"></span>
<span class="dot" onclick="currentSlide(2)"></span>
<span class="dot" onclick="currentSlide(3)"></span>
</div>
</center>
</section>
<footer>
<p>Forbes.inc</p><br>
<p>Email : <a href="mailto:contact.forbesranking@gmail.com" style="text-decoration: none;color: #fff; display: inline;">contact.forbesranking@gmail.com</a> <hr style="display: inline;">  Localisation : Tunis, Tunisia  <hr style="display: inline;">  Phone : +216 XXXXXXXX  </p>
<div class="Social-media">
<a class="sc" href="https://github.com/GameNotCreator/" target="_blank"><font color="#007cc4"><i class="fab fa-github"></i></font></a>
<a class="sc" href="https://www.linkedin.com/company/forbes-magazine" target="_blank"><font color="#007cc4"><i class="fab fa-linkedin"></i></font></a>
<a class="sc" href="https://www.instagram.com/forbes/" target="_blank"><font color="#007cc4"><i class="fab fa-instagram"></i></font></a>
<a class="sc" href="https://www.youtube.com/@Forbes" target="_blank"><font color="#007cc4"><i class="fab fa-youtube"></i></a></font>
</div>
<p>Copyright <a href="mailto:hedi.fourati-e@erlm.tn" style="text-decoration: none; color: #fff;">Hedi Fourati</a> and <a href="mailto:sara.ghaddab-e@erlm.tn" style="text-decoration: none; color: #fff;">Sara Ghaddab</a> © 2022-2023. All rights reserved.</p>
</footer>
<script src="js/script.js"></script>
</body>
</html>