-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
69 lines (60 loc) · 2.55 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Watts Ecology</title>
<link rel="stylesheet" href="css/style.css"> <!-- Link to your CSS file -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
</head>
<body>
<header>
<h1>Welcome to Watts Ecology</h1>
<nav>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</nav>
</header>
<main>
<section>
<h2>About Us</h2>
<p>At Watts Ecology, we are dedicated to conducting comprehensive ecological surveys to help understand and
protect our natural world. Our team of experts provides detailed analyses on various ecosystems,
offering insights into biodiversity, conservation, and sustainable practices.</p>
</section>
<section>
<h2>Our Services</h2>
<p>We specialize in a range of ecological surveys, including but not limited to:</p>
<ul>
<li>Flora and Fauna Assessment</li>
<li>Wetland Evaluations</li>
<li>Wildlife Habitat Studies</li>
<li>Environmental Impact Assessments</li>
</ul>
</section>
<section class="gallery-section">
<h2>Gallery</h2>
<p>Explore some of our recent findings and snapshots from the field:</p>
<div class="gallery">
<div class="image-container">
<img src="images/common-pip.jpg" alt="A common pipistrelle Bat in its natural habitat"
class="responsive-image">
</div>
<div class="image-container">
<img src="images/great-crested-newt.jpg" alt="A Great Crested Newt in its natural habitat"
class="responsive-image">
</div>
<!-- Add more images as needed -->
</div>
</section>
</main>
<footer>
<p>Contact us at <a href="mailto:info@wattsecology.com">info@wattsecology.com</a></p>
</footer>
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.5.2/dist/umd/popper.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
</body>
</html>