-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
104 lines (103 loc) · 7.94 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
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 name="viewport" content="width=device-width, initial-scale=1">
<title>West Cork Farm Tour | Take a Farm Tour on Ireland's Atlantic Ways</title>
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-gH2yIJqKdNHPEq0n4Mqa/HGKIhSkIHeL5AyhkYV8i59U5AR6csBvApHHNl/vI1Bx" crossorigin="anonymous">
<link rel="stylesheet" href="css/main.css">
<link rel="icon" href="img/cropped-FarmTours_Logo_SML-1-270x270.png">
</head>
<body class="d-flex h-100 text-center">
<div class="container">
<header class="d-flex justify-content-center py-3 mb-4 border-bottom">
<a href="index.html" class="site-title d-flex flex-wrap align-items-center mb-3 mb-md-0 me-md-auto text-dark text-decoration-none">
<svg class="bi me-2" width="300" height="80"><use xlink:href="#bootstrap"/></svg>
<img src="/img/FarmTours_Logo_SML.png" class="img-fluid" alt="">
</a>
<ul class="nav nav-pills">
<li class="nav-item"><a href="index.html" class="nav-link active" aria-current="pages">Home</a></li>
<li class="nav-item"><a href="gallery.html" class="nav-link">Gallery</a></li>
<li class="nav-item" dropdown>
<a href="" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" aria-expanded="false">Tours</a>
<ul class="dropdown-menu">
<li><a href="" class="dropdown-item">Day Tour</a></li>
<li><a href="" class="dropdown-item">Schedule Tour</a></li>
<li><a href="" class="dropdown-item">Bespoke Day Tour</a></li>
<li><a href="" class="dropdown-item">Multiday Tour</a></li>
<li><a href="" class="dropdown-item">Specialist</a></li>
</ul>
</li>
<li class="nav-item"><a href="about.html" class="nav-link">About</a></li>
<li class="nav-item"><a href="" class="nav-link">Contact</a></li>
</ul>
</header>
<main>
<div id="myCarousel" class="carousel slide" data-bs-ride="carousel">
<div class="carousel-indicators">
<button type="button" data-bs-target="#myCarousel" data-bs-slide-to="0" class="active" aria-current="true" aria-label="Slide 1"></button>
<button type="button" data-bs-target="#myCarousel" data-bs-slide-to="1" aria-label="Slide 2"></button>
<button type="button" data-bs-target="#myCarousel" data-bs-slide-to="2" aria-label="Slide 3"></button>
</div>
<div class="carousel-inner">
<div class="carousel-item active">
<img src="img/home-page-cover.jpg" alt="" width="100%" height="100%" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" preserveAspectRatio="xMidYMid slice" focusable="false">
<rect width="100%" height="100%" fill="#777"/>
<div class="container">
<div class="carousel-caption text-start">
<h1>Book a West Cork Farm Tour!</h1>
<p>Sign up to experience rural life on Ireland's Wild Atlantic Way!</p>
<p><a class="btn btn-lg btn-primary" href="#">Book Today</a></p>
</div>
</div>
</div>
<div class="carousel-item">
<img src="img/Sea-in-Background-2-e1486499752826.jpg" alt="" width="100%" height="100%" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" preserveAspectRatio="xMidYMid slice" focusable="false">
<rect width="100%" height="100%" fill="#777"/>
<div class="container">
<div class="carousel-caption">
<h1>Enjoy the Fresh Air</h1>
<p><a class="btn btn-lg btn-primary" href="about.html">Learn More</a></p>
</div>
</div>
</div>
<div class="iframe-container carousel-item">
<iframe id="video-2-1_youtube_iframe" frameborder="0" allowfullscreen="1" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" title="West Cork Farm Tours" src="https://www.youtube.com/embed/rdpdnKMtbIo?controls=0&rel=0&disablekb=1&showinfo=0&modestbranding=0&html5=1&iv_load_policy=3&autoplay=0&end=0&loop=0&playsinline=0&start=0&nocookie=false&enablejsapi=1&origin=https%3A%2F%2Fwestcorkfarmtours.com&widgetid=1" width="100%" height="100%" aria-hidden="true" preserveAspectRatio="xMidYMid slice" focusable="false"><rect width="100%" height="100%" fill="#777"/></iframe>
</div>
</div>
<button class="carousel-control-prev" type="button" data-bs-target="#myCarousel" data-bs-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="visually-hidden">Previous</span>
</button>
<button class="carousel-control-next" type="button" data-bs-target="#myCarousel" data-bs-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="visually-hidden">Next</span>
</button>
</div>
<hr class="featurette-divider">
<section class="py-3 text-center container">
<h4 class="d-inline-block mb-2 text-success">On a West Cork Farm Tour, you'll gain a unique insight into Irish farming practices and communities</h4>
<p class="lead text-muted">Join us on one of our Thursday West Cork Farm Tours (11am to 1pm). It's a great way to connect with the people who help to produce the food West Cork is renowned for!</h4>
<p class="lead text-muted"></p>
<p class="lead text-muted">On your two-hour tour, you'll spend time with some of Ireland's most innovative farmers and creative food producers. You'll immerse yourself for a morning in the vibrant communities that set West Cork apart. A West Cork Farm Tour is a great way to get to know this unspoilt region. You'll soon see that tradition and innovation go hand in hand here because this is a place where the past often feels as close as the present.</p>
<p><a class="btn btn-lg btn-primary" href="#">Book Now</a></p>
</section>
<hr class="featurette-divider">
</main>
<footer>
<div class="col-md-4 d-flex align-items-center">
<a href="/" class="mb-3 me-2 mb-md-0 text-muted text-decoration-none lh-1">
<svg class="bi" width="30" height="24"><use xlink:href="#bootstrap"/></svg>
</a>
<span class="mb-3 mb-md-0 text-muted">© 2022 Naphatsakorn Khotsombat</span>
</div>
<ul class="nav col-md-4 justify-content-end list-unstyled d-flex">
<li class="ms-3"><a class="text-muted" href="#"><svg class="bi" width="24" height="24"><use xlink:href="#twitter"/></svg></a></li>
<li class="ms-3"><a class="text-muted" href="#"><svg class="bi" width="24" height="24"><use xlink:href="#instagram"/></svg></a></li>
<li class="ms-3"><a class="text-muted" href="#"><svg class="bi" width="24" height="24"><use xlink:href="#facebook"/></svg></a></li>
</ul>
</footer>
</div>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-A3rJD856KowSb7dwlZdYEkO39Gagi7vIsF0jrRAoQmDKKtQBHUuLZ9AsSv4jD4Xa" crossorigin="anonymous"></script>
</body>
</html>