-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
100 lines (78 loc) · 3.86 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Template</title>
<!-- Global Site Tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-32870014-6"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments)};
gtag('js', new Date());
gtag('config', 'UA-32870014-6');
</script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/7.0.0/normalize.min.css ">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="styles/style.css">
</head>
<body>
<nav class="nav-grid main">
<a class = "nav-item nav-item-1" href="#home">Home</a>
<a class = "nav-item nav-item-2" href="#about">About</a>
<a class = "nav-item nav-item-3" href="#footer">Contact</a>
<div class = "nav-div"></div>
</nav>
<section id = 'home' class="header">
<h1>Business / Organization Website</h1>
<button><a href="#subfoot">More Details</a></button>
</section>
<section id = 'about' class = 'main'>
<h1>Don't Have A Website?</h1>
<p>
My Name is Kevin Cane I'm a Web Developer living in Ohio and I'll make a website for your organization/business.
</p>
<p>
This is an example of what a simple one page website I could make you would look like.
The landing image can be swapped out and the details of your website's purpose would need to be supplied by you, but the overarching structure would be the same thing.
</p>
<p>If you don't have a website at all, I can make you a website similar to this one in style, which is the perfect place to start. If you decide you want more content later on, you can expand off of this landing page. At the same time, if you're not sure where to take your website next, This landing page can have all of the vital information your customers need to learn more about the services your business offers. </p>
<p>If you're interested in learning more about what a business needs to have on their website here are a two resources you can read more about the topic.
<ul>
<li><a href="https://www.forbes.com/sites/nicoleleinbachreyhle/2014/09/29/websites-for-small-businesses/#7feedfb12026">Websites for Small Businesses</a> </li>
<li><a href="https://www.shivarweb.com/593/features-customers-most-want-from-a-local-business-website/">Features Customers Want From a Local Business Website</a> </li>
</ul>
</p>
</section>
<section class="details">
</section>
<footer id = 'footer' class = 'main'>
<div class = "footer1">
<h1>Contact</h1>
<hr>
<h3>Address</h3>
<p>228 Market St, Westlake, OH 44145</p>
<h3>Phone Number</h3>
<p>(555)555-5555</p>
<div class='footer-hours-div'>
<h3 class ='hrs'>Hours</h3>
<p class ='day'>Monday: 10am - 5pm</p>
<p class ='day'>Tuesday: 10am - 5pm</p>
<p class ='day'>Wensday: 10am - 5pm</p>
<p class ='day'>Thursday: 10am - 5pm</p>
<p class ='day'>Friday: 10am - 2pm</p>
<p class ='day'>Saturday: 11am - 3pm</p>
<p class ='day'>Sunday: Closed</p>
</div>
</div>
<div class = 'footer2'>
<iframe id='gmap' frameborder="0" style="border:0"
src="https://www.google.com/maps/embed/v1/place?q=place_id:EiYyMjUgTWFya2V0IFN0LCBXZXN0bGFrZSwgT0ggNDQxNDUsIFVTQQ&key=AIzaSyDy4s_6fXYyrX8OwWOxvZtkgHt2zbVqmn0" allowfullscreen></iframe> </div>
</footer>
<div id = "subfoot" class="subfoot">This is an Example Website Built by <a href="https://tor020.github.io/">Kevin Cane</a> <br>
<a href="mailto:[email protected]"><i class = 'fa fa-envelope-o'></a></i></i>
</div>
<script src = 'scripts/main.js'></script>
</body>
</html>