-
-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
152 lines (140 loc) · 10 KB
/
Copy pathindex.html
File metadata and controls
152 lines (140 loc) · 10 KB
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
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
<!DOCTYPE html>
<html lang="en">
<head>
<title>Showcase Theme - Free HTML 5/Bootstrap 4 Template by BostonianAdam</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1">
<link rel="icon" type="image/png" href="showcase-theme-favicon-32x32.png" sizes="32x32">
<link rel="icon" type="image/png" href="showcase-theme-favicon-16x16.png" sizes="16x16">
<meta name="description" content="">
<meta name="keywords" content="">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous">
<link rel="stylesheet" href="css/custom.min.css?bootstrap=4.3.1">
<link href="https://fonts.googleapis.com/css?family=Montserrat" rel="stylesheet">
<link rel="stylesheet" href="css/main.css" media="all">
<link rel="stylesheet" href="css/homepage.css" media="all">
</head>
<body>
<div class="container">
<!--Start of header with logo and nav-->
<header id="header">
<nav id="navbar" role="navigation" aria-label="primary" class="navbar navbar-expand-sm navbar-light px-0">
<div class="container">
<a href="index.html" class="navbar-brand"><img src="img/logo.jpg" alt="Showcase Theme"></a>
<button class="navbar-toggler" data-toggle="collapse" data-target="#navbarCollapse">
<span class="navbar-toggler-icon"></span>
</button>
<div id="navbarCollapse" class="collapse navbar-collapse">
<ul class="navbar-nav">
<li class="nav-item px-2"><a href="index.html" class="nav-link active">Home</a></li>
<li class="nav-item px-2"><a href="blog.html" class="nav-link">Blog</a></li>
<li class="nav-item px-2 dropdown"><a href="#" class="nav-link dropdown-toggle" id="navbarDropdown" data-toggle="dropdown">About Us</a>
<div class="dropdown-menu">
<a class="dropdown-item" href="subpage.html">Link 1</a>
<a class="dropdown-item" href="subpage.html">Link 2</a>
</div>
</li>
<li class="nav-item px-2"><a href="contact.html" class="nav-link">Contact Us</a></li>
</ul>
<form class="form-inline ml-auto searchForm" role="search" aria-label="site">
<input class="form-control searchBox" type="search" placeholder="Search" aria-label="Search">
<button class="btn" type="submit"><i class="fas fa-caret-square-right fa-2x" title="Search"></i></button>
</form>
</div>
</div>
</nav>
</header>
<main id="main" role="main">
<!--Start of section 1 with wide image, text, buttons-->
<section id="section-1" role="region">
<div class="row">
<div class="col">
<div class="section-1-content text-center text-white">
<h1 class="pt-5">Site Title Here</h1>
<h2 class="pb-3">Sub-Title Here</h2>
<a href="https://github.com/bostonianadam/showcase-theme" class="btn btn-primary btn-lg mr-md-1" target="_blank">Download Theme</a>
<a href="contact.html" class="btn btn-primary btn-lg ml-md-1">Contact Us</a>
</div>
</div>
</div>
<div class="row">
<div class="col">
<p class="small mb-0">Photo by <a href="https://burst.shopify.com/@matthew_henry?utm_campaign=photo_credit&utm_content=Free+Tidy+Desk+In+Window+Light+Photo+%E2%80%94+High+Res+Pictures&utm_medium=referral&utm_source=credit">Matthew Henry</a> from <a href="https://burst.shopify.com/technology?utm_campaign=photo_credit&utm_content=Free+Tidy+Desk+In+Window+Light+Photo+%E2%80%94+High+Res+Pictures&utm_medium=referral&utm_source=credit">Burst</a></p>
</div>
</div>
</section>
<!--Start of section 2 with wide text block with large header text-->
<section id="section-2" class="mt-4" role="region">
<div class="row">
<div class="col">
<div class="section-2-content text-center p-4">
<h3>Text Header</h3>
<p class="lead">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent aliquet, neque id lacinia convallis, mauris arcu fermentum quam, id aliquet metus dolor vel neque. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent aliquet, neque id lacinia convallis, mauris arcu fermentum quam. <a href="index-carousel.html">See homepage version with carousel</a>.</p>
</div>
</div>
</div>
</section>
<!--Start of section 3 with two columns, left side has text, right side has image-->
<section id="section-3" class="mt-5" role="region">
<div class="row">
<div class="col-lg-6 pr-0">
<div class="section-3-content-1 p-4">
<h3>Text Header</h3>
<p class="lead">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent aliquet, neque id lacinia convallis, mauris arcu fermentum quam, id aliquet metus dolor vel neque. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent aliquet, neque id lacinia convallis, mauris arcu fermentum quam, id aliquet metus dolor vel neque.</p>
<p class="small mb-0">Photo by <a href="https://burst.shopify.com/@lightleaksin?utm_campaign=photo_credit&utm_content=Picture+of+Business+Person+Desk+Flatlay+%E2%80%94+Free+Stock+Photo&utm_medium=referral&utm_source=credit">Samantha Hurley</a> from <a href="https://burst.shopify.com/data?utm_campaign=photo_credit&utm_content=Picture+of+Business+Person+Desk+Flatlay+%E2%80%94+Free+Stock+Photo&utm_medium=referral&utm_source=credit">Burst</a></p>
</div>
</div>
<div class="col-lg-6 pl-0">
<div class="section-3-content-2">
<img src="img/3.jpg" alt="" class="img-fluid d-none d-lg-block">
</div>
</div>
</div>
</section>
<!--Start of section 4 with three columns, with large icons and text-->
<section id="section-4" class="mt-5" role="region">
<div class="row">
<div class="section-4-content col-md-4 text-center pt-3 pb-3">
<i class="fas fa-pen fa-3x mb-2"></i>
<h3><a href="#">Link 1</a></h3>
<p><a href="#">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</a> <i class="fas fa-arrow-right"></i></p>
</div>
<div class="section-4-content col-md-4 text-center pt-3 pb-3">
<i class="fas fa-file-alt fa-3x mb-2"></i>
<h3><a href="#">Link 2</a></h3>
<p><a href="#">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</a> <i class="fas fa-arrow-right"></i></p>
</div>
<div class="section-4-content col-md-4 text-center pt-3 pb-3">
<i class="fas fa-users fa-3x mb-2"></i>
<h3><a href="#">Link 3</a></h3>
<p><a href="#">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</a> <i class="fas fa-arrow-right"></i></p>
</div>
</div>
</section>
<!--Start of social media icons section-->
<section id="section-5" class="mt-5" role="region">
<h3 class="text-center">Follow Us</h3>
<div class="row text-center">
<div class="col-md-3"><i class="fab fa-facebook"> <a class="footer-link" href="#" title="Facebook">Facebook</a></i></div>
<div class="col-md-3"><i class="fab fa-twitter"> <a class="footer-link" href="#" title="Twitter">Twitter</a></i></div>
<div class="col-md-3"><i class="fab fa-instagram"> <a class="footer-link" href="#" title="Instagram">Instagram</a></i></div>
<div class="col-md-3"><i class="fab fa-pinterest"> <a class="footer-link" href="#" title="Pinterest">Pinterest</a></i></div>
</div>
</section>
</main>
<!--Start of footer section-->
<footer id="section-footer" role="contentinfo" class="text-center mt-5">
<div class="row">
<div class="col">
<p class="small mb-1">Copyright © 2019</p>
<p class="small mb-1">Showcase Theme by <a href="https://hub.bostonianadam.com/" title="BostonianAdam Hub">BostonianAdam Hub</a></p>
</div>
</div>
</footer>
</div>
<div class="top-link fixed-bottom"><a href="#" title="Back to top"><i class="fas fa-caret-square-up fa-3x"></i><span class="sr-only sr-only-focusable">Back to top</span></a></div>
<script src="https://code.jquery.com/jquery-3.4.1.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
<script src="js/site-js.js"></script>
</body>
</html>