-
Notifications
You must be signed in to change notification settings - Fork 0
/
story.html
118 lines (95 loc) · 6.65 KB
/
story.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
105
106
107
108
109
110
111
112
113
114
115
116
117
118
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Knapp Time Farm</title>
<link rel="icon" type="image/svg+xml" href="images/FarmLogo.svg">
<link rel="alternate icon" href="path/to/your/favicon.ico"> <!-- Fallback for older browsers -->
<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" rel="stylesheet">
</head>
<style>
</style>
<body>
<div id="navbar-placeholder"></div>
<script src="components/navBar.js"></script>
<div class="jumbotron jumbotron-fluid" style="background-image: url('images/FarmSkySmall.jpg'); background-size: cover; background-position: center center; background-repeat: no-repeat; height: 20vp;">
<div class="container text-white bottom-text d-flex align-items-end pt-5">
<div>
<h1></h1>
<h1 class="display-4">Knapp Time Farm</h1>
<p class="lead">Welcome to our farm where quality and passion meet agriculture.</p>
</div>
</div>
</div>
<div class="container mt-5">
<div class="row">
<div class="col-12">
<div class="card mb-4 shadow">
<div class="row no-gutters">
<div class="col-md-6">
<!-- Image of the calf placed here -->
<img src="images/CalfSmall.jpg" alt="Farm Calf" class="card-img" style="height: 350px; object-fit: cover;">
</div>
<div class="col-md-6">
<div class="card-body">
<h5 class="card-title">Our Methods</h5>
<p class="card-text">
At Knapp Time Farm, our farming methods are grounded in three core pillars that reflect our commitment to excellence and ethical practices:
</p>
<ul>
<li><strong>Animal Welfare-</strong> We prioritize the health and happiness of our livestock, ensuring they are treated with care and respect.</li>
<li><strong>Quality Products-</strong> By maintaining high standards in animal welfare, we produce meats of exceptional quality.</li>
<li><strong>Ethical Farming-</strong> Our approach to farming is guided by a strong moral compass rooted in Faith, emphasizing sustainability and responsibility.</li>
</ul>
<!-- Button to control the collapse element -->
<a href="#collapseOurMethods" class="btn btn-primary" data-toggle="collapse" aria-expanded="false" aria-controls="collapseMoreInfo">Read More</a>
<!-- Collapsible content -->
</div>
</div>
</div>
<div class="collapse" id="collapseOurMethods">
<div class="mt-3 px-3 py-3">
<p>At Knapp Time Farm, we are dedicated to providing not only the highest quality meats but also to maintaining the highest standards of animal welfare. Our commitment to ethical farming starts with respect and compassion for our animals. We believe that the well-being of our livestock is paramount, not only because it's the right thing to do, but also because it directly contributes to the quality of our products.</p>
<!-- Replacing the lambs image with another relevant image if needed or remove this line if not required -->
<img src="images/LambsSmall.jpg" alt="Lambs at pasture" style="width: 100%; height: auto; object-fit: cover;">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="container mt-5">
<div class="row">
<div class="col-12">
<div class="card mb-4 shadow">
<div class="row no-gutters">
<div class="col-md-6">
<div class="card-body">
<h5 class="card-title">Our History</h5>
<p class="card-text">
Our farm is rooted in years of tradition, from the generations that farmed before us to our proud connection with the military. At Knapp Time Farm, we carry forward the legacy of our ancestors, who instilled in us the values of hard work, dedication, and perseverance. As a military family, we bring discipline and commitment to our farming practices, ensuring that every aspect of our operation honors the past while embracing sustainable, forward-thinking methods for the future. This blend of deep-rooted tradition and military precision defines who we are and guides everything we do on our farm. </p>
<!-- Button to control the collapse element -->
<a href="#collapseOurHistory" class="btn btn-primary" data-toggle="collapse" aria-expanded="false" aria-controls="collapseMoreInfo">Read More</a>
<!-- Collapsible content -->
</div>
</div>
<div class="col-md-6">
<img src="images/FarmSelfie.jpg" alt="Mike and Abby making hay" class="card-img" style="height: 350px; object-fit: cover;">
</div>
</div>
<div class="collapse" id="collapseOurHistory">
<div class="mt-3 px-3 py-3">
<img src="images/FlagSmall.jpg" alt="American Flag Covering Football Field" style="width: 100%; height: auto; object-fit: cover;">
<!-- Replacing the lambs image with another relevant image if needed or remove this line if not required -->
</div>
</div>
</div>
</div>
</div>
</div>
<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>