-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathinfo-page3.html
115 lines (110 loc) · 6.92 KB
/
info-page3.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- LOCAL STYLE SHEETS -->
<link rel="stylesheet" href="./css/styles.css">
<!-- CDN LINKS -->
<link href="https://fonts.googleapis.com/css2?family=Fjalla+One&display=swap" rel="stylesheet">
<!-- FONTAWESOME CDN -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<!-- BOOTSTRAP CDN -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css" integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous">
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.min.js" integrity="sha384-OgVRvuATP1z7JjHLkuOU7Xw704+h835Lr+6QL9UvYjZE3Ipu6Tp75j7Bh/kR0JKI" crossorigin="anonymous"></script>
<link rel="icon" href="./images/leaf.png">
<title>Stores Near You</title>
</head>
<body>
<header>
<!-- MAIN NAVBAR -->
<nav class="main-nav">
<div class="logo-container pl-3">
<a class="" href="index.html"><img class="logo" src="./images/logo-transparent.png" alt="logo"></a>
</div>
<div class="menu">
<a class="main-link white bold" href="index.html"><i class="fa fa-search" aria-hidden="true"></i> <span class="menu-item">STORES</span></a>
<a class="main-link white bold" href="#"><i class="fa fa-user" aria-hidden="true"></i> <span class="menu-item">ABOUT</span></a>
<a class="main-link white bold" href="#"><i class="fa fa-rss" aria-hidden="true"></i> <span class="menu-item">BLOG</span></a>
<a class="main-link white bold" href="#"><i class="fa fa-bars" aria-hidden="true"></i> <span class="menu-item">MORE</span></a>
</div>
</nav>
</header>
<main>
<section id="info">
<div class="info-card align-center">
<img class="info-image" src="./images/store5.jpg" alt="Old Mcdonald farmers market">
<div class="info-content green-med">
<div class="contact-description">
<h1 class="green-dark bold">OLD MCDONALD FARMER'S MARKET</h1>
<p>In our community, there is not another market like us, where you can find the best products always fresh from the farm 7 days a week, 365 days a year. We work with farms from the area to have the best products available and to help local business owners distribute their products.</p>
</div>
<div class="contact-info align-left green-dark">
<p class="bold"><i class="fa fa-map-marker" aria-hidden="true"></i> 5858 Lucas Valley Rd , San Rafael, US</p>
<p class="bold"><i class="fa fa-phone" aria-hidden="true"></i> 1800 662 1000</p>
<p class="bold"><i class="fa fa-credit-card" aria-hidden="true"></i> Accepts all cards</p>
<p class="bold"><i class="fa fa-chrome" aria-hidden="true"></i> <a class="green-med bold" href=""> skysound.com</a></p>
</div>
<div class="contact-review align-left green-dark">
<p class="bold green-med"><i class="fa fa-handshake-o" aria-hidden="true"></i> Overall Score: 🥑🥑🥑</p>
<div class="contact-review-text green-dark">
<p class="bold"><i class="fa fa-user-circle" aria-hidden="true"></i> Sheldon Cooper: 🥑</p>
<p>Tried to get my hads on some of the products that were displayed and they tased me without any warning</p>
</div>
<div class="contact-review-text green-dark">
<p class="bold"><i class="fa fa-user-circle" aria-hidden="true"></i> George: 🥑🥑🥑🥑🥑</p>
<p>The best store in the city. All the food is fresh and always find what I need. Great service!!!!</p>
</div>
</div>
</div>
<div class="info-directions">
<h4 class="bold green-med">HOW TO GET THERE</h4>
<iframe class="info-map" src="https://www.mapquest.com"></iframe>
</div>
</div>
</section>
</main>
<footer id="footer">
<!-- NAV BAR FOR THE FOOTER -->
<div class="footer-bar">
<div class="footer-bar-section social-section">
<a class="footer-bar-item toasted bold" href="#"><i class="fa fa-facebook" aria-hidden="true"></i> <span class="social-text">FACEBOOK</span></a>
<a class="footer-bar-item toasted bold" href="#"><i class="fa fa-twitter" aria-hidden="true"></i> <span class="social-text">TWITTER</span></a>
<a class="footer-bar-item toasted bold" href="#"><i class="fa fa-rss" aria-hidden="true"></i> <span class="social-text">BLOG</span></a>
<a class="footer-bar-item toasted bold" href="#"><i class="fa fa-opencart" aria-hidden="true"></i> <span class="social-text">OPEN CART</span></a>
</div>
<div class="footer-bar-section navigation-section">
<a class="footer-bar-item green-light bold" href="#">HOME</a>
<a class="footer-bar-item green-light bold" href="#">SEARCH</a>
<a class="footer-bar-item green-light bold" href="#">ABOUT US</a>
<a class="footer-bar-item green-light bold" href="#">ADVERTISE</a>
</div>
</div>
<!-- CONTACT AND MISC SECTION -->
<div class="card-deck m-0 mt-5 align-center">
<div class="card border-0">
<div class="card-body green-bg-dark">
<h5 class="card-title toasted bold">SUBSCRIBE</h5>
<input type="text" name="store" class="search-input" placeholder="Get news form your stores" />
<button type="submit" class="search-button subscribe-button bold green-light">SUBSCRIBE</button>
</div>
</div>
<div class="card border-0">
<div class="card-body green-bg-dark">
<h5 class="card-title toasted bold">CONTACT</h5>
<p class="card-text toasted">Want to be a part of our community?<br><a class="footer-bar-item w-100 green-med" href="">info@freshfinder.com</a></p>
</div>
</div>
<div class="card border-0">
<div class="card-body green-bg-dark">
<h5 class="card-title toasted bold">ABOUT</h5>
<p class="card-text toasted">Fresh Finder is an application that looks to help local and small bussinesses to increase their sales by connecting them with a larger community of people looking for more healthy food alternatives. If you want to know more <a class="footer-bar-item w-100 green-med" href="">Go Here</a></p>
</div>
</div>
</div>
<p class="toasted align-right bold pr-3 pt-5">© 2020 M&m interactive</p>
</footer>
</body>
</html>