-
-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathsubpage.html
More file actions
148 lines (134 loc) · 9.67 KB
/
Copy pathsubpage.html
File metadata and controls
148 lines (134 loc) · 9.67 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
<!DOCTYPE html>
<html lang="en">
<head>
<title>Subpage - Showcase Theme 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/subpages.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">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 active 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-->
<section id="section-1" role="region">
<div class="row">
<div class="col">
<div class="section-1-content"></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 content-->
<section id="section-2" class="mt-4" role="region">
<div class="container">
<div class="row">
<div class="col">
<h1>Subpage Name</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam nec risus nibh. Aliquam malesuada nisi odio, vitae aliquet leo auctor a. In <a href="#">pellentesque</a> elit ac ullamcorper placerat. Aliquam consequat pellentesque orci vel vestibulum. Fusce erat sem, fermentum in molestie vitae, luctus sed odio. Morbi ac diam bibendum, elementum leo eget, finibus justo. Nulla feugiat ligula sit amet lacus blandit sollicitudin. Ut enim dui, porttitor a tempor eget, congue ac erat.</p>
<div class="row">
<div class="col-md-6">
<p>Lorem ipsum dolor sit amet, <a href="#">consectetur adipiscing</a> elit. Aliquam nec risus nibh. Aliquam malesuada nisi odio, vitae aliquet leo auctor a. In pellentesque elit ac ullamcorper placerat.</p>
</div>
<div class="col-md-6">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam nec risus nibh. Aliquam malesuada nisi odio, vitae aliquet leo auctor a. In pellentesque elit ac ullamcorper placerat.</p>
</div>
</div>
<div class="row">
<div class="col-md-4">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam nec risus nibh. Aliquam malesuada nisi odio, vitae aliquet leo auctor a. In pellentesque elit ac ullamcorper placerat.</p>
</div>
<div class="col-md-4">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam nec risus nibh. Aliquam malesuada nisi odio, vitae aliquet leo auctor a. In pellentesque elit ac ullamcorper placerat.</p>
</div>
<div class="col-md-4">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam nec risus nibh. Aliquam malesuada nisi odio, vitae aliquet leo auctor a. In pellentesque elit ac ullamcorper placerat.</p>
</div>
</div>
<h1>H1 tag, Lorem ipsum dolor sit amet</h1>
<h2>H2 tag, Lorem ipsum dolor sit amet</h2>
<h3>H3 tag, Lorem ipsum dolor sit amet</h3>
<h4>H4 tag, Lorem ipsum dolor sit amet</h4>
<h5>H5 tag, Lorem ipsum dolor sit amet</h5>
<h6>H6 tag, Lorem ipsum dolor sit amet</h6>
<ul>
<li>An unordered list</li>
<li>Lorem ipsum dolor sit amet</li>
<li>Lorem ipsum dolor sit amet</li>
</ul>
<ol>
<li>An ordered list</li>
<li>Lorem ipsum dolor sit amet</li>
<li>Lorem ipsum dolor sit amet</li>
</ol>
<blockquote>A blockquote, Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam nec risus nibh. Aliquam malesuada nisi odio, vitae aliquet leo auctor a. In pellentesque elit ac ullamcorper placerat.</blockquote>
</div>
</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>