-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathinfo-page2.html
115 lines (110 loc) · 7.06 KB
/
info-page2.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/store4.jpg" alt="Nooks cranny">
<div class="info-content green-med">
<div class="contact-description">
<h1 class="green-dark bold">NOOK'S CRANNY</h1>
<p>Nook's Cranny is a startup market where you can buy anything the town is producing at a very competitive price but we also buy anything you have for sale. In case you want to sell your items out of business ours you can leave them in our box and the next day we will wire you the money.</p>
</div>
<div class="contact-info align-left green-dark">
<p class="bold"><i class="fa fa-map-marker" aria-hidden="true"></i> Deserted Island, Nooks's vacation plan, Pacific Ocean</p>
<p class="bold"><i class="fa fa-phone" aria-hidden="true"></i> 1800 000 000</p>
<p class="bold"><i class="fa fa-credit-card" aria-hidden="true"></i> Accepts all cards and Nook Miles</p>
<p class="bold"><i class="fa fa-chrome" aria-hidden="true"></i> <a class="green-med bold" href=""> animal-crossing.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> Isabelle: 🥑🥑🥑🥑</p>
<p>The products are changing constantly and they have really good quality. I have also sold some of the things i have collecting dust around the house and the prices were OK</p>
</div>
<div class="contact-review-text green-dark">
<p class="bold"><i class="fa fa-user-circle" aria-hidden="true"></i> Tom Nook: 🥑🥑🥑🥑🥑</p>
<p>It is the best option on the island to get everything you need for your project of building your little piece of paradise</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>