Meta Description" name="description" />
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Chemical Science</title>
<style>
body{
background-color:#AA7487;
font-family:Arial, sans-serif;
margin:20px;
}
h1{
background-color:#773994;
color:white;
border:4px solid #2E8B57;
text-align:center;
padding:10px;
}
h2{
color:#DD6688;
}
p{
color:#678999;
}
a{
color:#8F76A9;
margin-right:15px;
text-decoration:none;
font-weight:bold;
}
a:hover{
color:white;
}
ul{
color:#894857;
border:3px solid #9C6387;
padding:10px 30px;
}
form{
border:3px solid #9C6387;
padding:15px;
margin-top:20px;
width:300px;
}
input{
width:100%;
padding:8px;
}
button{
background-color:#773994;
color:white;
padding:10px 20px;
border:none;
cursor:pointer;
}
button:hover{
background-color:#5c2c73;
}
.gallery{
display:flex;
flex-wrap:wrap;
justify-content:center;
gap:15px;
margin-top:20px;
}
.gallery img{
width:300px;
height:auto;
border:3px solid #773994;
border-radius:8px;
}
</style>
</head>
<body>
<h1>Chemical Science</h1>
<a href="#">Home</a>
<a href="#">Menu</a>
<a href="#">About</a>
<a href="#">Contacts</a>
<p>Welcome to the Chemical Science Department.</p>
<h2>Our Services</h2>
<ul>
<li>Handouts</li>
<li>Past Questions</li>
<li>Past Question Answers</li>
<li>Textbooks</li>
</ul>
<h2>Past Examination Questions</h2>
<div class="gallery">
<img src="images/18079.jpg" alt="Exam Paper 1">
<img src="images/18080.jpg" alt="Exam Paper 2">
<img src="images/18081.jpg" alt="Exam Paper 3">
<img src="images/18082.jpg" alt="Exam Paper 4">
<img src="images/18083.jpg" alt="Exam Paper 5">
<img src="images/18084.jpg" alt="Exam Paper 6">
<img src="images/18085.jpg" alt="Exam Paper 7">
<img src="images/18086.jpg" alt="Exam Paper 8">
<img src="images/18087.jpg" alt="Exam Paper 9">
</div>
<h2>Contact Us</h2>
<form>
<label for="name">Name</label><br>
<input type="text" id="name" placeholder="Enter your name"><br><br>
<label for="message">Message</label><br>
<input type="text" id="message" placeholder="Enter your message"><br><br>
<button type="submit">Send</button>
</form>
</body>
</html>10
1
3KB
6KB
88.0ms
284.0ms
184.0ms