Skip to content

Commit eaf70c8

Browse files
davidtmillerdavidtmiller
committed
initial commit for v4-dev
1 parent e4e9bb4 commit eaf70c8

32 files changed

+13277
-10959
lines changed

‎404.html‎

Lines changed: 133 additions & 169 deletions
Large diffs are not rendered by default.

‎LICENSE‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11

22
The MIT License (MIT)
33

4-
Copyright (c) 2013-2016 Blackrock Digital LLC.
4+
Copyright (c) 2013-2017 Blackrock Digital LLC.
55

66
Permission is hereby granted, free of charge, to any person obtaining a copy
77
of this software and associated documentation files (the "Software"), to deal

‎README.md‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -24,4 +24,4 @@ Start Bootstrap is based on the [Bootstrap](http://getbootstrap.com/) framework
2424

2525
## Copyright and License
2626

27-
Copyright 2013-2016 Blackrock Digital LLC. Code released under the [MIT](https://github.com/BlackrockDigital/startbootstrap-modern-business/blob/gh-pages/LICENSE) license.
27+
Copyright 2013-2017 Blackrock Digital LLC. Code released under the [MIT](https://github.com/BlackrockDigital/startbootstrap-modern-business/blob/gh-pages/LICENSE) license.

‎about.html‎

Lines changed: 124 additions & 232 deletions
Large diffs are not rendered by default.

‎blog-home-1.html‎

Lines changed: 158 additions & 215 deletions
Large diffs are not rendered by default.

‎blog-home-2.html‎

Lines changed: 157 additions & 181 deletions
Large diffs are not rendered by default.

‎blog-post.html‎

Lines changed: 160 additions & 203 deletions
Large diffs are not rendered by default.

‎contact.html‎

Lines changed: 94 additions & 133 deletions
Original file line numberDiff line numberDiff line change
@@ -5,10 +5,10 @@
55

66
<meta charset="utf-8">
77
<meta http-equiv="X-UA-Compatible" content="IE=edge">
8-
<meta name="viewport" content="width=device-width, initial-scale=1">
8+
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
9+
910
<meta name="description" content="">
1011
<meta name="author" content="">
11-
1212
<title>Modern Business - Start Bootstrap Template</title>
1313

1414
<!-- Bootstrap Core CSS -->
@@ -17,166 +17,127 @@
1717
<!-- Custom CSS -->
1818
<link href="css/modern-business.css" rel="stylesheet">
1919

20-
<!-- Custom Fonts -->
21-
<link href="font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
22-
23-
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
24-
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
25-
<!--[if lt IE 9]>
26-
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
27-
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
28-
<![endif]-->
20+
<style>
21+
/* Ugly hacks to fix the container within navbar functionality - should be fixed in Bootstrap 4 beta */
22+
23+
.navbar-toggler {
24+
z-index: 1;
25+
}
26+
27+
@media (max-width: 576px) {
28+
nav > .container {
29+
width: 100%;
30+
}
31+
}
32+
</style>
2933

3034
</head>
3135

3236
<body>
3337

3438
<!-- Navigation -->
35-
<nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
39+
<nav class="navbar fixed-top navbar-toggleable-md navbar-inverse bg-inverse">
40+
<button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarExample" aria-controls="navbarExample" aria-expanded="false" aria-label="Toggle navigation">
41+
<span class="navbar-toggler-icon"></span>
42+
</button>
3643
<div class="container">
37-
<!-- Brand and toggle get grouped for better mobile display -->
38-
<div class="navbar-header">
39-
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
40-
<span class="sr-only">Toggle navigation</span>
41-
<span class="icon-bar"></span>
42-
<span class="icon-bar"></span>
43-
<span class="icon-bar"></span>
44-
</button>
45-
<a class="navbar-brand" href="index.html">Start Bootstrap</a>
46-
</div>
47-
<!-- Collect the nav links, forms, and other content for toggling -->
48-
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
49-
<ul class="nav navbar-nav navbar-right">
50-
<li>
51-
<a href="about.html">About</a>
44+
<a class="navbar-brand" href="index.html">Start Bootstrap</a>
45+
<div class="collapse navbar-collapse" id="navbarExample">
46+
<ul class="navbar-nav ml-auto">
47+
<li class="nav-item">
48+
<a class="nav-link" href="about.html">About</a>
5249
</li>
53-
<li>
54-
<a href="services.html">Services</a>
50+
<li class="nav-item">
51+
<a class="nav-link" href="services.html">Services</a>
5552
</li>
56-
<li class="active">
57-
<a href="contact.html">Contact</a>
53+
<li class="nav-item">
54+
<a class="nav-link" href="contact.html">Contact</a>
5855
</li>
59-
<li class="dropdown">
60-
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Portfolio <b class="caret"></b></a>
61-
<ul class="dropdown-menu">
62-
<li>
63-
<a href="portfolio-1-col.html">1 Column Portfolio</a>
64-
</li>
65-
<li>
66-
<a href="portfolio-2-col.html">2 Column Portfolio</a>
67-
</li>
68-
<li>
69-
<a href="portfolio-3-col.html">3 Column Portfolio</a>
70-
</li>
71-
<li>
72-
<a href="portfolio-4-col.html">4 Column Portfolio</a>
73-
</li>
74-
<li>
75-
<a href="portfolio-item.html">Single Portfolio Item</a>
76-
</li>
77-
</ul>
56+
<li class="nav-item dropdown">
57+
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdownPortfolio" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
58+
Portfolio
59+
</a>
60+
<div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdownPortfolio">
61+
<a class="dropdown-item" href="portfolio-1-col.html">1 Column Portfolio</a>
62+
<a class="dropdown-item" href="portfolio-2-col.html">2 Column Portfolio</a>
63+
<a class="dropdown-item" href="portfolio-3-col.html">3 Column Portfolio</a>
64+
<a class="dropdown-item" href="portfolio-4-col.html">4 Column Portfolio</a>
65+
<a class="dropdown-item" href="portfolio-item.html">Single Portfolio Item</a>
66+
</div>
7867
</li>
79-
<li class="dropdown">
80-
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Blog <b class="caret"></b></a>
81-
<ul class="dropdown-menu">
82-
<li>
83-
<a href="blog-home-1.html">Blog Home 1</a>
84-
</li>
85-
<li>
86-
<a href="blog-home-2.html">Blog Home 2</a>
87-
</li>
88-
<li>
89-
<a href="blog-post.html">Blog Post</a>
90-
</li>
91-
</ul>
68+
<li class="nav-item dropdown">
69+
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdownBlog" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
70+
Blog
71+
</a>
72+
<div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdownBlog">
73+
<a class="dropdown-item" href="blog-home-1.html">Blog Home 1</a>
74+
<a class="dropdown-item" href="blog-home-2.html">Blog Home 2</a>
75+
<a class="dropdown-item" href="blog-post.html">Blog Post</a>
76+
</div>
9277
</li>
93-
<li class="dropdown">
94-
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Other Pages <b class="caret"></b></a>
95-
<ul class="dropdown-menu">
96-
<li>
97-
<a href="full-width.html">Full Width Page</a>
98-
</li>
99-
<li>
100-
<a href="sidebar.html">Sidebar Page</a>
101-
</li>
102-
<li>
103-
<a href="faq.html">FAQ</a>
104-
</li>
105-
<li>
106-
<a href="404.html">404</a>
107-
</li>
108-
<li>
109-
<a href="pricing.html">Pricing Table</a>
110-
</li>
111-
</ul>
78+
<li class="nav-item dropdown">
79+
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdownBlog" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
80+
Other Pages
81+
</a>
82+
<div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdownBlog">
83+
<a class="dropdown-item" href="full-width.html">Full Width Page</a>
84+
<a class="dropdown-item" href="sidebar.html">Sidebar Page</a>
85+
<a class="dropdown-item" href="faq.html">FAQ</a>
86+
<a class="dropdown-item" href="404.html">404</a>
87+
<a class="dropdown-item" href="pricing.html">Pricing Table</a>
88+
</div>
11289
</li>
11390
</ul>
11491
</div>
115-
<!-- /.navbar-collapse -->
11692
</div>
117-
<!-- /.container -->
11893
</nav>
11994

12095
<!-- Page Content -->
12196
<div class="container">
12297

12398
<!-- Page Heading/Breadcrumbs -->
124-
<div class="row">
125-
<div class="col-lg-12">
126-
<h1 class="page-header">Contact
127-
<small>Subheading</small>
128-
</h1>
129-
<ol class="breadcrumb">
130-
<li><a href="index.html">Home</a>
131-
</li>
132-
<li class="active">Contact</li>
133-
</ol>
134-
</div>
135-
</div>
136-
<!-- /.row -->
99+
<h1>Contact <small>Subheading</small></h1>
100+
101+
<ol class="breadcrumb">
102+
<li class="breadcrumb-item">
103+
<a href="index.html">Home</a>
104+
</li>
105+
<li class="breadcrumb-item active">Contact</li>
106+
</ol>
137107

138108
<!-- Content Row -->
139109
<div class="row">
140110
<!-- Map Column -->
141-
<div class="col-md-8">
111+
<div class="col-lg-8">
142112
<!-- Embedded Google Map -->
143113
<iframe width="100%" height="400px" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.com/maps?hl=en&amp;ie=UTF8&amp;ll=37.0625,-95.677068&amp;spn=56.506174,79.013672&amp;t=m&amp;z=4&amp;output=embed"></iframe>
144114
</div>
145115
<!-- Contact Details Column -->
146-
<div class="col-md-4">
116+
<div class="col-lg-4">
147117
<h3>Contact Details</h3>
148118
<p>
149-
3481 Melrose Place<br>Beverly Hills, CA 90210<br>
119+
3481 Melrose Place
120+
<br>Beverly Hills, CA 90210
121+
<br>
150122
</p>
151-
<p><i class="fa fa-phone"></i>
152-
<abbr title="Phone">P</abbr>: (123) 456-7890</p>
153-
<p><i class="fa fa-envelope-o"></i>
154-
<abbr title="Email">E</abbr>: <a href="mailto:name@example.com">name@example.com</a>
123+
<p>
124+
<abbr title="Phone">P</abbr>: (123) 456-7890
125+
</p>
126+
<p>
127+
<abbr title="Email">E</abbr>: <a href="mailto:name@example.com">name@example.com
128+
</a>
129+
</p>
130+
<p>
131+
<abbr title="Hours">H</abbr>: Monday - Friday: 9:00 AM to 5:00 PM
155132
</p>
156-
<p><i class="fa fa-clock-o"></i>
157-
<abbr title="Hours">H</abbr>: Monday - Friday: 9:00 AM to 5:00 PM</p>
158-
<ul class="list-unstyled list-inline list-social-icons">
159-
<li>
160-
<a href="#"><i class="fa fa-facebook-square fa-2x"></i></a>
161-
</li>
162-
<li>
163-
<a href="#"><i class="fa fa-linkedin-square fa-2x"></i></a>
164-
</li>
165-
<li>
166-
<a href="#"><i class="fa fa-twitter-square fa-2x"></i></a>
167-
</li>
168-
<li>
169-
<a href="#"><i class="fa fa-google-plus-square fa-2x"></i></a>
170-
</li>
171-
</ul>
172133
</div>
173134
</div>
174135
<!-- /.row -->
175136

176137
<!-- Contact Form -->
177138
<!-- In order to set the email address and subject line for the contact form go to the bin/contact_me.php file. -->
178139
<div class="row">
179-
<div class="col-md-8">
140+
<div class="col-lg-8">
180141
<h3>Send us a Message</h3>
181142
<form name="sentMessage" id="contactForm" novalidate>
182143
<div class="control-group form-group">
@@ -213,23 +174,23 @@ <h3>Send us a Message</h3>
213174
</div>
214175
<!-- /.row -->
215176

216-
<hr>
217-
218-
<!-- Footer -->
219-
<footer>
220-
<div class="row">
221-
<div class="col-lg-12">
222-
<p>Copyright &copy; Your Website 2014</p>
223-
</div>
224-
</div>
225-
</footer>
226-
227177
</div>
228178
<!-- /.container -->
229179

230-
<!-- jQuery -->
180+
<!-- Footer -->
181+
<footer class="py-5 bg-inverse">
182+
<div class="container">
183+
<p class="m-0 text-center text-white">Copyright &copy; Your Website 2017</p>
184+
</div>
185+
<!-- /.container -->
186+
</footer>
187+
188+
<!-- jQuery Version 3.1.1 -->
231189
<script src="js/jquery.js"></script>
232190

191+
<!-- Tether -->
192+
<script src="js/tether.min.js"></script>
193+
233194
<!-- Bootstrap Core JavaScript -->
234195
<script src="js/bootstrap.min.js"></script>
235196

0 commit comments

Comments
 (0)