0% ont trouvé ce document utile (0 vote)
55 vues3 pages

Web Index

hello

Transféré par

Erick Onesmo
Copyright
© © All Rights Reserved
Nous prenons très au sérieux les droits relatifs au contenu. Si vous pensez qu’il s’agit de votre contenu, signalez une atteinte au droit d’auteur ici.
Formats disponibles
Téléchargez aux formats TXT, PDF, TXT ou lisez en ligne sur Scribd
0% ont trouvé ce document utile (0 vote)
55 vues3 pages

Web Index

hello

Transféré par

Erick Onesmo
Copyright
© © All Rights Reserved
Nous prenons très au sérieux les droits relatifs au contenu. Si vous pensez qu’il s’agit de votre contenu, signalez une atteinte au droit d’auteur ici.
Formats disponibles
Téléchargez aux formats TXT, PDF, TXT ou lisez en ligne sur Scribd

<!

DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>OneStore</title>
<style>
/* General Styles */
body {
font-family: Arial, sans-serif;
background-color: #f0f0f0;
color: #333;
margin: 0;
padding: 0;
}
header {
background-color: #1a1a2e;
color: white;
padding: 20px;
text-align: center;
}
header h1 {
margin: 0;
}

nav {
text-align: center;
background-color: #16213e;
padding: 15px 0;
}
nav a {
color: white;
margin: 0 15px;
text-decoration: none;
font-weight: bold;
}
nav a:hover {
color: #f0a500;
}

.container {
max-width: 1200px;
margin: 20px auto;
padding: 20px;
}

h2 {
text-align: center;
color: #1a1a2e;
}

/* Search Box */
.search-box {
text-align: center;
margin: 20px 0;
}
.search-box input[type="text"] {
padding: 10px;
width: 300px;
border: 1px solid #ccc;
border-radius: 5px;
}
.search-box input[type="submit"] {
padding: 10px 20px;
background-color: #16213e;
color: white;
border: none;
border-radius: 5px;
cursor: pointer;
}
.search-box input[type="submit"]:hover {
background-color: #f0a500;
}

/* Product Table */
table {
width: 100%;
border-collapse: collapse;
margin-top: 20px;
}
table, th, td {
border: 1px solid #ccc;
}
th, td {
padding: 15px;
text-align: center;
}
img {
width: 100px;
height: auto;
}
caption {
font-size: 24px;
margin-bottom: 15px;
color: #333;
}

/* Footer */
footer {
background-color: #16213e;
color: white;
text-align: center;
padding: 15px 0;
margin-top: 30px;
}
</style>
</head>
<body>

<!-- Header Section -->


<header>
<h1>OneStore</h1>
<p>Buy and get what you want now at a trusted site.</p>
</header>

<!-- Navigation Menu -->


<nav>
<a href="[Link]">Home</a>
<a href="[Link]">Services</a>
<a href="[Link]">Login</a>
<a href="[Link]">Contacts</a>
</nav>

<!-- Search Section -->


<div class="container">
<div class="search-box">
<label for="search">Search: </label>
<input type="text" id="search" placeholder="What are you looking for?">
<input type="submit" value="Go">
</div>

<!-- Products Section -->


<table>
<caption>What's New</caption>
<tr>
<td><h5>Iphone13</h5><img src="[Link]" alt="Iphone 13"><br>Tsh
4,000,000</td>
<td><h5>Samsung S21</h5><img src="[Link]" alt="Samsung
S21"><br>Tsh 3,000,000</td>
</tr>
<tr>
<td><h5>Huawei P40</h5><img src="[Link]" alt="Huawei P40"><br>Tsh
2,000,000</td>
<td><h5>Tecno Canon18</h5><img src="[Link]" alt="Tecno
Canon18"><br>Tsh 900,000</td>
</tr>
</table>

<!-- Welcome Message Section -->


<h2>Welcome to OneStore</h2>
<p style="text-align: center;">We sell various items like electronics
(phones, laptops, accessories) and books for all ages. We're ready to help you, and
we value your feedback!</p>
</div>

<!-- Footer Section -->


<footer>
<p>© 2024 OneStore. All rights reserved.</p>
</footer>

</body>
</html>

Vous aimerez peut-être aussi