├── .gitignore
├── LICENSE
├── README.md
├── apple-touch-icon-precomposed.png
├── css
    └── main.css
├── favicon.ico
├── index.html
├── js
    └── main.js
├── partials
    ├── 404.html
    ├── about.html
    ├── blog.html
    ├── blog_item.html
    ├── contact.html
    ├── faq.html
    ├── home.html
    ├── pricing.html
    └── services.html
└── templates
    ├── footer.html
    └── header.html


/.gitignore:
--------------------------------------------------------------------------------
1 | # IntelliJ IDEA
2 | /.idea


--------------------------------------------------------------------------------
/LICENSE:
--------------------------------------------------------------------------------
 1 | This is free and unencumbered software released into the public domain.
 2 | 
 3 | Anyone is free to copy, modify, publish, use, compile, sell, or
 4 | distribute this software, either in source code form or as a compiled
 5 | binary, for any purpose, commercial or non-commercial, and by any
 6 | means.
 7 | 
 8 | In jurisdictions that recognize copyright laws, the author or authors
 9 | of this software dedicate any and all copyright interest in the
10 | software to the public domain. We make this dedication for the benefit
11 | of the public at large and to the detriment of our heirs and
12 | successors. We intend this dedication to be an overt act of
13 | relinquishment in perpetuity of all present and future rights to this
14 | software under copyright law.
15 | 
16 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
17 | EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
18 | MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT.
19 | IN NO EVENT SHALL THE AUTHORS BE LIABLE FOR ANY CLAIM, DAMAGES OR
20 | OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE,
21 | ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR
22 | OTHER DEALINGS IN THE SOFTWARE.
23 | 
24 | For more information, please refer to <http://unlicense.org>


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
1 | AngularJS Tutorial 1
2 | ====================
3 | 
4 | author: [Nick Kaye](http://www.nickkaye.com)
5 | 
6 | **NOTE:  We’re referencing all of our vendor dependencies (e.g. Bootstrap, jQuery, Angular) at outside URLs.   Therefore, it is necessary to host our site while we’re working on it.  Be sure we are viewing it in a browser with http:// -- not file://**
7 | 
8 | View the [live demo](http://nickckaye.github.io/angularjs-tutorial-1).
9 | 


--------------------------------------------------------------------------------
/apple-touch-icon-precomposed.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/charneykaye/angularjs-tutorial-1/376644df892b3998ab60f4237191f9250867ceb3/apple-touch-icon-precomposed.png


--------------------------------------------------------------------------------
/css/main.css:
--------------------------------------------------------------------------------
  1 | /* 
  2 | Custom CSS for...
  3 | 'Modern Business' HTML Theme by Start Bootstrap
  4 | 
  5 | All Start Bootstrap themes are licensed under Apache 2.0. 
  6 | For more info and more free Bootstrap 3 HTML themes, visit http://startbootstrap.com!
  7 | */
  8 | 
  9 | /* Global Styles */
 10 | 
 11 | html, body {
 12 |     height: 100%;
 13 | }
 14 | 
 15 | body {
 16 |     padding-top: 50px;
 17 |     padding-bottom: 20px;
 18 | }
 19 | 
 20 | .dropdown {
 21 |     cursor:pointer;
 22 | }
 23 | 
 24 | 
 25 | .img-home-portfolio,
 26 | .img-customer,
 27 | .portfolio-item {
 28 |     margin-bottom: 30px;
 29 | }
 30 | 
 31 | .tab-pane {
 32 |     margin-top: 15px;
 33 | }
 34 | 
 35 | /* Page Sections */
 36 | .section,
 37 | .section-colored {
 38 |     padding: 50px 0;
 39 | }
 40 | 
 41 | .section-colored {
 42 |     background-color: #e1e1e1;
 43 |     /* change this to change the background color of a colored section */
 44 | }
 45 | 
 46 | .sidebar {
 47 |     margin-top: 40px;
 48 | }
 49 | 
 50 | .sidebar ul {
 51 |     border-radius: 5px;
 52 |     padding: 5px;
 53 |     border: 1px solid #cccccc;
 54 | }
 55 | 
 56 | /* Half Page Height Carousel Customization */
 57 | .carousel {
 58 |     height: 50%;
 59 | }
 60 | 
 61 | .item,
 62 | .active,
 63 | .carousel-inner {
 64 |     height: 100%;
 65 | }
 66 | 
 67 | .fill {
 68 |     width: 100%;
 69 |     height: 100%;
 70 |     background-position: center;
 71 |     background-size: cover;
 72 | }
 73 | 
 74 | /* Social Icons Styles */
 75 | .list-social-icons {
 76 |     margin-bottom: 45px;
 77 | }
 78 | 
 79 | .tooltip-social a {
 80 |     text-decoration: none;
 81 |     color: inherit;
 82 | }
 83 | 
 84 | .facebook-link a:hover {
 85 |     color: #3b5998;
 86 | }
 87 | 
 88 | .linkedin-link a:hover {
 89 |     color: #007fb1;
 90 | }
 91 | 
 92 | .twitter-link a:hover {
 93 |     color: #39a9e0;
 94 | }
 95 | 
 96 | .google-plus-link a:hover {
 97 |     color: #d14836;
 98 | }
 99 | 
100 | /* Service Page Styles */
101 | .service-icon {
102 |     font-size: 50px;
103 | }
104 | 
105 | /* 404 Page Styles */
106 | .error-404 {
107 |     font-size: 8em;
108 | }
109 | 
110 | /* Pricing Page Styles */
111 | .price {
112 |     font-size: 4em;
113 | }
114 | 
115 | .price-cents {
116 |     vertical-align: super;
117 |     font-size: 50%;
118 | }
119 | 
120 | .price-month {
121 |     font-size: 35%;
122 |     font-style: italic;
123 | }
124 | 
125 | /* Footer Styles */
126 | footer {
127 |     margin: 50px 0;
128 | }
129 | 
130 | /* Responsive Styles */
131 | @media (max-width: 767px) {
132 | 
133 |     .carousel {
134 |         height: 70%;
135 |         /* increases the carousel height so it looks good on phones */
136 |     }
137 | }
138 | 


--------------------------------------------------------------------------------
/favicon.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/charneykaye/angularjs-tutorial-1/376644df892b3998ab60f4237191f9250867ceb3/favicon.ico


--------------------------------------------------------------------------------
/index.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <!--[if lt IE 7]>
 3 | <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
 4 | <!--[if IE 7]>
 5 | <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
 6 | <!--[if IE 8]>
 7 | <html class="no-js lt-ie9"> <![endif]-->
 8 | <!--[if gt IE 8]><!-->
 9 | <html class="no-js"> <!--<![endif]-->
10 | <head>
11 | 
12 |     <!-- Meta-Information -->
13 |     <title>ACME Inc.</title>
14 |     <meta charset="utf-8">
15 |     <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
16 |     <meta name="description" content="ACME Inc.">
17 |     <meta name="viewport" content="width=device-width, initial-scale=1">
18 | 
19 |     <!-- Vendor: Bootstrap Stylesheets http://getbootstrap.com -->
20 |     <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
21 |     <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap-theme.min.css">
22 |     <link href="http://maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
23 | 
24 |     <!-- Our Website CSS Styles -->
25 |     <link rel="stylesheet" href="css/main.css">
26 | 
27 | </head>
28 | <body ng-app="tutorialWebApp">
29 | <!--[if lt IE 7]>
30 | <p class="browsehappy">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade
31 |     your browser</a> to improve your experience.</p>
32 | <![endif]-->
33 | 
34 | <!-- Our Website Content Goes Here -->
35 | <div ng-include='"templates/header.html"'></div>
36 | <div ng-view></div>
37 | <div ng-include='"templates/footer.html"'></div>
38 | 
39 | <!-- Vendor: Javascripts -->
40 | <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
41 | <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
42 | 
43 | <!-- Vendor: Angular, followed by our custom Javascripts -->
44 | <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.18/angular.min.js"></script>
45 | <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.18/angular-route.min.js"></script>
46 | 
47 | <!-- Our Website Javascripts -->
48 | <script src="js/main.js"></script>
49 | 
50 | </body>
51 | </html>


--------------------------------------------------------------------------------
/js/main.js:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * AngularJS Tutorial 1
 3 |  * @author Nick Kaye <nick.c.kaye@gmail.com>
 4 |  */
 5 | 
 6 | /**
 7 |  * Main AngularJS Web Application
 8 |  */
 9 | var app = angular.module('tutorialWebApp', [
10 |   'ngRoute'
11 | ]);
12 | 
13 | /**
14 |  * Configure the Routes
15 |  */
16 | app.config(['$routeProvider', function ($routeProvider) {
17 |   $routeProvider
18 |     // Home
19 |     .when("/", {templateUrl: "partials/home.html", controller: "PageCtrl"})
20 |     // Pages
21 |     .when("/about", {templateUrl: "partials/about.html", controller: "PageCtrl"})
22 |     .when("/faq", {templateUrl: "partials/faq.html", controller: "PageCtrl"})
23 |     .when("/pricing", {templateUrl: "partials/pricing.html", controller: "PageCtrl"})
24 |     .when("/services", {templateUrl: "partials/services.html", controller: "PageCtrl"})
25 |     .when("/contact", {templateUrl: "partials/contact.html", controller: "PageCtrl"})
26 |     // Blog
27 |     .when("/blog", {templateUrl: "partials/blog.html", controller: "BlogCtrl"})
28 |     .when("/blog/post", {templateUrl: "partials/blog_item.html", controller: "BlogCtrl"})
29 |     // else 404
30 |     .otherwise("/404", {templateUrl: "partials/404.html", controller: "PageCtrl"});
31 | }]);
32 | 
33 | /**
34 |  * Controls the Blog
35 |  */
36 | app.controller('BlogCtrl', function (/* $scope, $location, $http */) {
37 |   console.log("Blog Controller reporting for duty.");
38 | });
39 | 
40 | /**
41 |  * Controls all other Pages
42 |  */
43 | app.controller('PageCtrl', function (/* $scope, $location, $http */) {
44 |   console.log("Page Controller reporting for duty.");
45 | 
46 |   // Activates the Carousel
47 |   $('.carousel').carousel({
48 |     interval: 5000
49 |   });
50 | 
51 |   // Activates Tooltips for Social Links
52 |   $('.tooltip-social').tooltip({
53 |     selector: "a[data-toggle=tooltip]"
54 |   })
55 | });


--------------------------------------------------------------------------------
/partials/404.html:
--------------------------------------------------------------------------------
 1 | <div class="container">
 2 | 
 3 |     <div class="row">
 4 | 
 5 |         <div class="col-lg-12">
 6 |             <h1 class="page-header">404
 7 |                 <small>Page Not Found</small>
 8 |             </h1>
 9 |             <ol class="breadcrumb">
10 |                 <li><a href="../index.html">Home</a>
11 |                 </li>
12 |                 <li class="active">404</li>
13 |             </ol>
14 |         </div>
15 | 
16 |     </div>
17 | 
18 |     <div class="row">
19 | 
20 |         <div class="col-lg-12">
21 |             <p class="error-404">404</p>
22 | 
23 |             <p class="lead">The page you're looking for could not be found.</p>
24 | 
25 |             <p>Here are some helpful links to help you find what you're looking for:</p>
26 |             <ul>
27 |                 <li><a href="#">Home</a>
28 |                 </li>
29 |                 <li><a href="#">About</a>
30 |                 </li>
31 |                 <li><a href="#">Services</a>
32 |                 </li>
33 |                 <li><a href="#">Contact</a>
34 |                 </li>
35 |                 <li><a href="#">Blog</a>
36 |                 </li>
37 |                 <li><a href="#">Other</a>
38 |                 </li>
39 |             </ul>
40 |         </div>
41 | 
42 |     </div>
43 | 
44 | </div>
45 | <!-- /.container -->
46 | 


--------------------------------------------------------------------------------
/partials/about.html:
--------------------------------------------------------------------------------
  1 | <div class="container">
  2 | 
  3 |     <div class="row">
  4 | 
  5 |         <div class="col-lg-12">
  6 |             <h1 class="page-header">About
  7 |                 <small>It's Nice to Meet You!</small>
  8 |             </h1>
  9 |             <ol class="breadcrumb">
 10 |                 <li><a href="../index.html">Home</a>
 11 |                 </li>
 12 |                 <li class="active">About</li>
 13 |             </ol>
 14 |         </div>
 15 | 
 16 |     </div>
 17 | 
 18 |     <div class="row">
 19 | 
 20 |         <div class="col-md-6">
 21 |             <img class="img-responsive" src="http://placehold.it/750x450">
 22 |         </div>
 23 |         <div class="col-md-6">
 24 |             <h2>Welcome to 'Modern Business'</h2>
 25 | 
 26 |             <p>This is a great place to introduce your company or project and describe what you do. This about page
 27 |                 features general company information, employee bios, and other helpful elements.</p>
 28 | 
 29 |             <p>Lid est laborum dolo rumes fugats untras. Etharums ser quidem rerum facilis dolores nemis omnis fugats
 30 |                 vitaes nemo minima rerums unsers sadips amets.. Sed ut perspiciatis unde omnis iste natus error sit
 31 |                 voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore
 32 |                 veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia
 33 |                 voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione
 34 |                 voluptatem sequi nesciunt.</p>
 35 |         </div>
 36 | 
 37 |     </div>
 38 | 
 39 |     <!-- Team Member Profiles -->
 40 | 
 41 |     <div class="row">
 42 | 
 43 |         <div class="col-lg-12">
 44 |             <h2 class="page-header">Our Team</h2>
 45 |         </div>
 46 | 
 47 |         <div class="col-sm-4">
 48 |             <img class="img-responsive" src="http://placehold.it/750x450">
 49 | 
 50 |             <h3>John Smith
 51 |                 <small>Job Title</small>
 52 |             </h3>
 53 |             <p>What does this team member do? Keep it short! This is also a great spot for social links!</p>
 54 |             <ul class="list-unstyled list-inline list-social-icons">
 55 |                 <li class="tooltip-social facebook-link"><a href="#facebook-profile" data-toggle="tooltip"
 56 |                                                             data-placement="top" title="Facebook"><i
 57 |                         class="fa fa-facebook-square fa-2x"></i></a>
 58 |                 </li>
 59 |                 <li class="tooltip-social linkedin-link"><a href="#linkedin-profile" data-toggle="tooltip"
 60 |                                                             data-placement="top" title="LinkedIn"><i
 61 |                         class="fa fa-linkedin-square fa-2x"></i></a>
 62 |                 </li>
 63 |                 <li class="tooltip-social twitter-link"><a href="#twitter-profile" data-toggle="tooltip"
 64 |                                                            data-placement="top" title="Twitter"><i
 65 |                         class="fa fa-twitter-square fa-2x"></i></a>
 66 |                 </li>
 67 |                 <li class="tooltip-social google-plus-link"><a href="#google-plus-profile" data-toggle="tooltip"
 68 |                                                                data-placement="top" title="Google+"><i
 69 |                         class="fa fa-google-plus-square fa-2x"></i></a>
 70 |                 </li>
 71 |             </ul>
 72 |         </div>
 73 | 
 74 |         <div class="col-sm-4">
 75 |             <img class="img-responsive" src="http://placehold.it/750x450">
 76 | 
 77 |             <h3>John Smith
 78 |                 <small>Job Title</small>
 79 |             </h3>
 80 |             <p>What does this team member do? Keep it short! This is also a great spot for social links!</p>
 81 |             <ul class="list-unstyled list-inline list-social-icons">
 82 |                 <li class="tooltip-social facebook-link"><a href="#facebook-profile" data-toggle="tooltip"
 83 |                                                             data-placement="top" title="Facebook"><i
 84 |                         class="fa fa-facebook-square fa-2x"></i></a>
 85 |                 </li>
 86 |                 <li class="tooltip-social linkedin-link"><a href="#linkedin-profile" data-toggle="tooltip"
 87 |                                                             data-placement="top" title="LinkedIn"><i
 88 |                         class="fa fa-linkedin-square fa-2x"></i></a>
 89 |                 </li>
 90 |                 <li class="tooltip-social twitter-link"><a href="#twitter-profile" data-toggle="tooltip"
 91 |                                                            data-placement="top" title="Twitter"><i
 92 |                         class="fa fa-twitter-square fa-2x"></i></a>
 93 |                 </li>
 94 |                 <li class="tooltip-social google-plus-link"><a href="#google-plus-profile" data-toggle="tooltip"
 95 |                                                                data-placement="top" title="Google+"><i
 96 |                         class="fa fa-google-plus-square fa-2x"></i></a>
 97 |                 </li>
 98 |             </ul>
 99 |         </div>
100 | 
101 |         <div class="col-sm-4">
102 |             <img class="img-responsive" src="http://placehold.it/750x450">
103 | 
104 |             <h3>John Smith
105 |                 <small>Job Title</small>
106 |             </h3>
107 |             <p>What does this team member do? Keep it short! This is also a great spot for social links!</p>
108 |             <ul class="list-unstyled list-inline list-social-icons">
109 |                 <li class="tooltip-social facebook-link"><a href="#facebook-profile" data-toggle="tooltip"
110 |                                                             data-placement="top" title="Facebook"><i
111 |                         class="fa fa-facebook-square fa-2x"></i></a>
112 |                 </li>
113 |                 <li class="tooltip-social linkedin-link"><a href="#linkedin-profile" data-toggle="tooltip"
114 |                                                             data-placement="top" title="LinkedIn"><i
115 |                         class="fa fa-linkedin-square fa-2x"></i></a>
116 |                 </li>
117 |                 <li class="tooltip-social twitter-link"><a href="#twitter-profile" data-toggle="tooltip"
118 |                                                            data-placement="top" title="Twitter"><i
119 |                         class="fa fa-twitter-square fa-2x"></i></a>
120 |                 </li>
121 |                 <li class="tooltip-social google-plus-link"><a href="#google-plus-profile" data-toggle="tooltip"
122 |                                                                data-placement="top" title="Google+"><i
123 |                         class="fa fa-google-plus-square fa-2x"></i></a>
124 |                 </li>
125 |             </ul>
126 |         </div>
127 | 
128 |         <div class="col-sm-4">
129 |             <img class="img-responsive" src="http://placehold.it/750x450">
130 | 
131 |             <h3>John Smith
132 |                 <small>Job Title</small>
133 |             </h3>
134 |             <p>What does this team member do? Keep it short! This is also a great spot for social links!</p>
135 |             <ul class="list-unstyled list-inline list-social-icons">
136 |                 <li class="tooltip-social facebook-link"><a href="#facebook-profile" data-toggle="tooltip"
137 |                                                             data-placement="top" title="Facebook"><i
138 |                         class="fa fa-facebook-square fa-2x"></i></a>
139 |                 </li>
140 |                 <li class="tooltip-social linkedin-link"><a href="#linkedin-profile" data-toggle="tooltip"
141 |                                                             data-placement="top" title="LinkedIn"><i
142 |                         class="fa fa-linkedin-square fa-2x"></i></a>
143 |                 </li>
144 |                 <li class="tooltip-social twitter-link"><a href="#twitter-profile" data-toggle="tooltip"
145 |                                                            data-placement="top" title="Twitter"><i
146 |                         class="fa fa-twitter-square fa-2x"></i></a>
147 |                 </li>
148 |                 <li class="tooltip-social google-plus-link"><a href="#google-plus-profile" data-toggle="tooltip"
149 |                                                                data-placement="top" title="Google+"><i
150 |                         class="fa fa-google-plus-square fa-2x"></i></a>
151 |                 </li>
152 |             </ul>
153 |         </div>
154 | 
155 |         <div class="col-sm-4">
156 |             <img class="img-responsive" src="http://placehold.it/750x450">
157 | 
158 |             <h3>John Smith
159 |                 <small>Job Title</small>
160 |             </h3>
161 |             <p>What does this team member do? Keep it short! This is also a great spot for social links!</p>
162 |             <ul class="list-unstyled list-inline list-social-icons">
163 |                 <li class="tooltip-social facebook-link"><a href="#facebook-profile" data-toggle="tooltip"
164 |                                                             data-placement="top" title="Facebook"><i
165 |                         class="fa fa-facebook-square fa-2x"></i></a>
166 |                 </li>
167 |                 <li class="tooltip-social linkedin-link"><a href="#linkedin-profile" data-toggle="tooltip"
168 |                                                             data-placement="top" title="LinkedIn"><i
169 |                         class="fa fa-linkedin-square fa-2x"></i></a>
170 |                 </li>
171 |                 <li class="tooltip-social twitter-link"><a href="#twitter-profile" data-toggle="tooltip"
172 |                                                            data-placement="top" title="Twitter"><i
173 |                         class="fa fa-twitter-square fa-2x"></i></a>
174 |                 </li>
175 |                 <li class="tooltip-social google-plus-link"><a href="#google-plus-profile" data-toggle="tooltip"
176 |                                                                data-placement="top" title="Google+"><i
177 |                         class="fa fa-google-plus-square fa-2x"></i></a>
178 |                 </li>
179 |             </ul>
180 |         </div>
181 | 
182 |         <div class="col-sm-4">
183 |             <img class="img-responsive" src="http://placehold.it/750x450">
184 | 
185 |             <h3>John Smith
186 |                 <small>Job Title</small>
187 |             </h3>
188 |             <p>What does this team member do? Keep it short! This is also a great spot for social links!</p>
189 |             <ul class="list-unstyled list-inline list-social-icons">
190 |                 <li class="tooltip-social facebook-link"><a href="#facebook-profile" data-toggle="tooltip"
191 |                                                             data-placement="top" title="Facebook"><i
192 |                         class="fa fa-facebook-square fa-2x"></i></a>
193 |                 </li>
194 |                 <li class="tooltip-social linkedin-link"><a href="#linkedin-profile" data-toggle="tooltip"
195 |                                                             data-placement="top" title="LinkedIn"><i
196 |                         class="fa fa-linkedin-square fa-2x"></i></a>
197 |                 </li>
198 |                 <li class="tooltip-social twitter-link"><a href="#twitter-profile" data-toggle="tooltip"
199 |                                                            data-placement="top" title="Twitter"><i
200 |                         class="fa fa-twitter-square fa-2x"></i></a>
201 |                 </li>
202 |                 <li class="tooltip-social google-plus-link"><a href="#google-plus-profile" data-toggle="tooltip"
203 |                                                                data-placement="top" title="Google+"><i
204 |                         class="fa fa-google-plus-square fa-2x"></i></a>
205 |                 </li>
206 |             </ul>
207 |         </div>
208 | 
209 |     </div>
210 | 
211 |     <!-- Our Customers -->
212 | 
213 |     <div class="row">
214 | 
215 |         <div class="col-lg-12">
216 |             <h2 class="page-header">Our Customers</h2>
217 |         </div>
218 | 
219 |         <div class="col-md-2 col-sm-4 col-xs-6">
220 |             <img class="img-responsive img-customer" src="http://placehold.it/500x300">
221 |         </div>
222 | 
223 |         <div class="col-md-2 col-sm-4 col-xs-6">
224 |             <img class="img-responsive img-customer" src="http://placehold.it/500x300">
225 |         </div>
226 | 
227 |         <div class="col-md-2 col-sm-4 col-xs-6">
228 |             <img class="img-responsive img-customer" src="http://placehold.it/500x300">
229 |         </div>
230 | 
231 |         <div class="col-md-2 col-sm-4 col-xs-6">
232 |             <img class="img-responsive img-customer" src="http://placehold.it/500x300">
233 |         </div>
234 | 
235 |         <div class="col-md-2 col-sm-4 col-xs-6">
236 |             <img class="img-responsive img-customer" src="http://placehold.it/500x300">
237 |         </div>
238 | 
239 |         <div class="col-md-2 col-sm-4 col-xs-6">
240 |             <img class="img-responsive img-customer" src="http://placehold.it/500x300">
241 |         </div>
242 | 
243 |     </div>
244 | 
245 | </div>
246 | <!-- /.container -->
247 | 


--------------------------------------------------------------------------------
/partials/blog.html:
--------------------------------------------------------------------------------
  1 | <div class="container">
  2 | 
  3 |     <div class="row">
  4 | 
  5 |         <div class="col-lg-12">
  6 |             <h1 class="page-header">Blog Home 2
  7 |                 <small>Blog Homepage</small>
  8 |             </h1>
  9 |             <ol class="breadcrumb">
 10 |                 <li><a href="../index.html">Home</a>
 11 |                 </li>
 12 |                 <li class="active">Blog Home 2</li>
 13 |             </ol>
 14 |         </div>
 15 | 
 16 |     </div>
 17 | 
 18 |     <div class="row">
 19 | 
 20 |         <div class="col-md-1">
 21 |             <p><i class="fa fa-camera fa-4x"></i>
 22 |             </p>
 23 | 
 24 |             <p>May 24, 2013</p>
 25 |         </div>
 26 |         <div class="col-md-5">
 27 |             <a href="blog-post.html">
 28 |                 <img src="http://placehold.it/600x300" class="img-responsive">
 29 |             </a>
 30 |         </div>
 31 |         <div class="col-md-6">
 32 |             <h3><a href="blog-post.html">A Blog Home Template for Bootstrap 3</a>
 33 |             </h3>
 34 | 
 35 |             <p>by <a href="#">Start Bootstrap</a>
 36 |             </p>
 37 | 
 38 |             <p>This is a very basic starter template for a blog homepage. It makes use of Font Awesome icons that are
 39 |                 built into the 'Modern Business' template, and it makes use of the Bootstrap 3 pager at the bottom of
 40 |                 the page.</p>
 41 |             <a class="btn btn-primary" href="blog-post.html">Read More <i class="fa fa-angle-right"></i></a>
 42 |         </div>
 43 | 
 44 |     </div>
 45 | 
 46 |     <hr>
 47 | 
 48 |     <div class="row">
 49 | 
 50 |         <div class="col-md-1">
 51 |             <p><i class="fa fa-film fa-4x"></i>
 52 |             </p>
 53 | 
 54 |             <p>May 24, 2013</p>
 55 |         </div>
 56 |         <div class="col-md-5">
 57 |             <a href="blog-post.html">
 58 |                 <img src="http://placehold.it/600x300" class="img-responsive">
 59 |             </a>
 60 |         </div>
 61 |         <div class="col-md-6">
 62 |             <h3><a href="blog-post.html">A Blog Home Template for Bootstrap 3</a>
 63 |             </h3>
 64 | 
 65 |             <p>by <a href="#">Start Bootstrap</a>
 66 |             </p>
 67 | 
 68 |             <p>This is a very basic starter template for a blog homepage. It makes use of Font Awesome icons that are
 69 |                 built into the 'Modern Business' template, and it makes use of the Bootstrap 3 pager at the bottom of
 70 |                 the page.</p>
 71 |             <a class="btn btn-primary" href="blog-post.html">Read More <i class="fa fa-angle-right"></i></a>
 72 |         </div>
 73 |     </div>
 74 | 
 75 |     <hr>
 76 | 
 77 |     <div class="row">
 78 | 
 79 |         <div class="col-md-1">
 80 |             <p><i class="fa fa-file-text fa-4x"></i>
 81 |             </p>
 82 | 
 83 |             <p>May 24, 2013</p>
 84 |         </div>
 85 |         <div class="col-md-5">
 86 |             <a href="blog-post.html">
 87 |                 <img src="http://placehold.it/600x300" class="img-responsive">
 88 |             </a>
 89 |         </div>
 90 |         <div class="col-md-6">
 91 |             <h3><a href="blog-post.html">A Blog Home Template for Bootstrap 3</a>
 92 |             </h3>
 93 | 
 94 |             <p>by <a href="#">Start Bootstrap</a>
 95 |             </p>
 96 | 
 97 |             <p>This is a very basic starter template for a blog homepage. It makes use of Font Awesome icons that are
 98 |                 built into the 'Modern Business' template, and it makes use of the Bootstrap 3 pager at the bottom of
 99 |                 the page.</p>
100 |             <a class="btn btn-primary" href="blog-post.html">Read More <i class="fa fa-angle-right"></i></a>
101 |         </div>
102 |     </div>
103 | 
104 |     <hr>
105 | 
106 |     <div class="row">
107 | 
108 |         <ul class="pager">
109 |             <li class="previous"><a href="#">&larr; Older</a>
110 |             </li>
111 |             <li class="next"><a href="#">Newer &rarr;</a>
112 |             </li>
113 |         </ul>
114 | 
115 |     </div>
116 | 
117 | </div>
118 | <!-- /.container -->


--------------------------------------------------------------------------------
/partials/blog_item.html:
--------------------------------------------------------------------------------
  1 | <div class="container">
  2 | 
  3 |     <div class="row">
  4 | 
  5 |         <div class="col-lg-12">
  6 |             <h1 class="page-header">Blog Post
  7 |                 <small>A Sample Blog Post</small>
  8 |             </h1>
  9 |             <ol class="breadcrumb">
 10 |                 <li><a href="../index.html">Home</a>
 11 |                 </li>
 12 |                 <li class="active">Blog Post</li>
 13 |             </ol>
 14 |         </div>
 15 | 
 16 |     </div>
 17 | 
 18 |     <div class="row">
 19 | 
 20 |         <div class="col-lg-8">
 21 | 
 22 |             <!-- the actual blog post: title/author/date/content -->
 23 |             <hr>
 24 |             <p><i class="fa fa-clock-o"></i> Posted on August 24, 2013 at 9:00 PM by <a href="#">Start Boostrap</a>
 25 |             </p>
 26 |             <hr>
 27 |             <img src="http://placehold.it/900x300" class="img-responsive">
 28 |             <hr>
 29 |             <p class="lead">Science cuts two ways, of course; its products can be used for both good and evil. But
 30 |                 there's no turning back from science. The early warnings about technological dangers also come from
 31 |                 science.</p>
 32 | 
 33 |             <p>You know, being a test pilot isn't always the healthiest business in the world.</p>
 34 | 
 35 |             <p>Cookie jelly beans soufflé icing. Gummi bears tootsie roll powder chupa chups cheesecake chocolate
 36 |                 jelly-o lollipop lollipop. Halvah applicake chupa chups. Marshmallow chocolate jujubes icing lollipop
 37 |                 gummi bears chupa chups pudding bonbon. Jelly beans jelly soufflé jujubes. Sesame snaps lollipop icing
 38 |                 donut lemon drops soufflé.</p>
 39 | 
 40 |             <p>Donut caramels gingerbread. Sweet roll macaroon pastry cotton candy oat cake sesame snaps biscuit lemon
 41 |                 drops dessert. Candy canes carrot cake danish carrot cake soufflé jelly chocolate cake muffin. Topping
 42 |                 brownie donut. Oat cake marzipan dragée cheesecake. Donut chocolate cake jujubes tart dragée toffee.</p>
 43 | 
 44 |             <p>Tilefish electric knifefish salmon shark southern Dolly Varden. Pacific argentine tope golden shiner
 45 |                 ilisha barreleye loosejaw catla, dogteeth tetra catfish tenpounder nase scup Ragfish brotula." Codlet
 46 |                 brook lamprey pleco, Japanese eel convict cichlid titan triggerfish, plownose chimaera topminnow Black
 47 |                 scalyfin. Walleye pollock, blue shark Sacramento blackfish prickleback airbreathing catfish yellowfin
 48 |                 cutthroat trout, goby southern sandfish. North Pacific daggertooth dorab cepalin weever flying
 49 |                 gurnard.</p>
 50 | 
 51 |             <p><strong>Placeholder text by:</strong>
 52 |             </p>
 53 |             <ul>
 54 |                 <li><a href="http://spaceipsum.com/">Space Ipsum</a>
 55 |                 </li>
 56 |                 <li><a href="http://cupcakeipsum.com/">Cupcake Ipsum</a>
 57 |                 </li>
 58 |                 <li><a href="http://tunaipsum.com/">Tuna Ipsum</a>
 59 |                 </li>
 60 |             </ul>
 61 | 
 62 |             <hr>
 63 | 
 64 |             <!-- the comment box -->
 65 |             <div class="well">
 66 |                 <h4>Leave a Comment:</h4>
 67 | 
 68 |                 <form role="form">
 69 |                     <div class="form-group">
 70 |                         <textarea class="form-control" rows="3"></textarea>
 71 |                     </div>
 72 |                     <button type="submit" class="btn btn-primary">Submit</button>
 73 |                 </form>
 74 |             </div>
 75 | 
 76 |             <hr>
 77 | 
 78 |             <!-- the comments -->
 79 |             <h3>Start Bootstrap
 80 |                 <small>9:41 PM on August 24, 2013</small>
 81 |             </h3>
 82 |             <p>This has to be the worst blog post I have ever read. It simply makes no sense. You start off by talking
 83 |                 about space or something, then you randomly start babbling about cupcakes, and you end off with random
 84 |                 fish names.</p>
 85 | 
 86 |             <h3>Start Bootstrap
 87 |                 <small>9:47 PM on August 24, 2013</small>
 88 |             </h3>
 89 |             <p>Don't listen to this guy, any blog with the categories 'dinosaurs, spaceships, fried foods, wild animals,
 90 |                 alien abductions, business casual, robots, and fireworks' has true potential.</p>
 91 | 
 92 |         </div>
 93 | 
 94 |         <div class="col-lg-4">
 95 |             <div class="well">
 96 |                 <h4>Blog Search</h4>
 97 | 
 98 |                 <div class="input-group">
 99 |                     <input type="text" class="form-control">
100 |                         <span class="input-group-btn">
101 |                             <button class="btn btn-default" type="button"><i class="fa fa-search"></i>
102 |                             </button>
103 |                         </span>
104 |                 </div>
105 |                 <!-- /input-group -->
106 |             </div>
107 |             <!-- /well -->
108 |             <div class="well">
109 |                 <h4>Popular Blog Categories</h4>
110 | 
111 |                 <div class="row">
112 |                     <div class="col-lg-6">
113 |                         <ul class="list-unstyled">
114 |                             <li><a href="#dinosaurs">Dinosaurs</a>
115 |                             </li>
116 |                             <li><a href="#spaceships">Spaceships</a>
117 |                             </li>
118 |                             <li><a href="#fried-foods">Fried Foods</a>
119 |                             </li>
120 |                             <li><a href="#wild-animals">Wild Animals</a>
121 |                             </li>
122 |                         </ul>
123 |                     </div>
124 |                     <div class="col-lg-6">
125 |                         <ul class="list-unstyled">
126 |                             <li><a href="#alien-abductions">Alien Abductions</a>
127 |                             </li>
128 |                             <li><a href="#business-casual">Business Casual</a>
129 |                             </li>
130 |                             <li><a href="#robots">Robots</a>
131 |                             </li>
132 |                             <li><a href="#fireworks">Fireworks</a>
133 |                             </li>
134 |                         </ul>
135 |                     </div>
136 |                 </div>
137 |             </div>
138 |             <!-- /well -->
139 |             <div class="well">
140 |                 <h4>Side Widget Well</h4>
141 | 
142 |                 <p>Bootstrap's default well's work great for side widgets! What is a widget anyways...?</p>
143 |             </div>
144 |             <!-- /well -->
145 |         </div>
146 |     </div>
147 | 
148 | </div>
149 | <!-- /.container -->


--------------------------------------------------------------------------------
/partials/contact.html:
--------------------------------------------------------------------------------
 1 | <!-- Page Content -->
 2 | <div class="container">
 3 | 
 4 |     <div class="row">
 5 | 
 6 |         <div class="col-lg-12">
 7 |             <h1 class="page-header">Contact
 8 |                 <small>We'd Love to Hear From You!</small>
 9 |             </h1>
10 |             <ol class="breadcrumb">
11 |                 <li><a href="../index.html">Home</a></li>
12 |                 <li class="active">Contact</li>
13 |             </ol>
14 |         </div>
15 | 
16 |         <div class="col-lg-12">
17 |             <!-- Embedded Google Map using an iframe - to select your location find it on Google maps and paste the link as the iframe src. If you want to use the Google Maps API instead then have at it! -->
18 |             <iframe width="100%" height="400px" frameborder="0" scrolling="no" marginheight="0" marginwidth="0"
19 |                     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>
20 |         </div>
21 | 
22 |     </div>
23 |     <!-- /.row -->
24 | 
25 |     <div class="row">
26 | 
27 |         <div class="col-sm-8">
28 |             <h3>Let's Get In Touch!</h3>
29 | 
30 |             <p>Lid est laborum dolo rumes fugats untras. Etharums ser quidem rerum facilis dolores nemis omnis fugats
31 |                 vitaes nemo minima rerums unsers sadips amets. Sed ut perspiciatis unde omnis iste natus error sit
32 |                 voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore
33 |                 veritatis et quasi architecto beatae vitae dicta sunt explicabo.</p>
34 | 
35 |             <form role="form" method="POST" action="#">
36 |                 <div class="row">
37 |                     <div class="form-group col-lg-4">
38 |                         <label for="input1">Name</label>
39 |                         <input type="text" name="contact_name" class="form-control" id="input1">
40 |                     </div>
41 |                     <div class="form-group col-lg-4">
42 |                         <label for="input2">Email Address</label>
43 |                         <input type="email" name="contact_email" class="form-control" id="input2">
44 |                     </div>
45 |                     <div class="form-group col-lg-4">
46 |                         <label for="input3">Phone Number</label>
47 |                         <input type="phone" name="contact_phone" class="form-control" id="input3">
48 |                     </div>
49 |                     <div class="clearfix"></div>
50 |                     <div class="form-group col-lg-12">
51 |                         <label for="input4">Message</label>
52 |                         <textarea name="contact_message" class="form-control" rows="6" id="input4"></textarea>
53 |                     </div>
54 |                     <div class="form-group col-lg-12">
55 |                         <input type="hidden" name="save" value="contact">
56 |                         <button type="submit" class="btn btn-primary">Submit</button>
57 |                     </div>
58 |                 </div>
59 |             </form>
60 |         </div>
61 | 
62 |         <div class="col-sm-4">
63 |             <h3>Modern Business</h3>
64 |             <h4>A Start Bootstrap Template</h4>
65 | 
66 |             <p>
67 |                 5555 44th Street N.<br>
68 |                 Bootstrapville, CA 32323<br>
69 |             </p>
70 | 
71 |             <p><i class="fa fa-phone"></i> <abbr title="Phone">P</abbr>: (555) 984-3600</p>
72 | 
73 |             <p><i class="fa fa-envelope-o"></i> <abbr title="Email">E</abbr>: <a
74 |                     href="mailto:feedback@startbootstrap.com">feedback@startbootstrap.com</a></p>
75 | 
76 |             <p><i class="fa fa-clock-o"></i> <abbr title="Hours">H</abbr>: Monday - Friday: 9:00 AM to 5:00 PM</p>
77 |             <ul class="list-unstyled list-inline list-social-icons">
78 |                 <li class="tooltip-social facebook-link"><a href="#facebook-page" data-toggle="tooltip"
79 |                                                             data-placement="top" title="Facebook"><i
80 |                         class="fa fa-facebook-square fa-2x"></i></a></li>
81 |                 <li class="tooltip-social linkedin-link"><a href="#linkedin-company-page" data-toggle="tooltip"
82 |                                                             data-placement="top" title="LinkedIn"><i
83 |                         class="fa fa-linkedin-square fa-2x"></i></a></li>
84 |                 <li class="tooltip-social twitter-link"><a href="#twitter-profile" data-toggle="tooltip"
85 |                                                            data-placement="top" title="Twitter"><i
86 |                         class="fa fa-twitter-square fa-2x"></i></a></li>
87 |                 <li class="tooltip-social google-plus-link"><a href="#google-plus-page" data-toggle="tooltip"
88 |                                                                data-placement="top" title="Google+"><i
89 |                         class="fa fa-google-plus-square fa-2x"></i></a></li>
90 |             </ul>
91 |         </div>
92 | 
93 |     </div>
94 |     <!-- /.row -->
95 | 
96 | </div><!-- /.container -->


--------------------------------------------------------------------------------
/partials/faq.html:
--------------------------------------------------------------------------------
  1 | <div class="container">
  2 | 
  3 |     <div class="row">
  4 | 
  5 |         <div class="col-lg-12">
  6 |             <h1 class="page-header">FAQ
  7 |                 <small>Frequently Asked Questions</small>
  8 |             </h1>
  9 |             <ol class="breadcrumb">
 10 |                 <li><a href="../index.html">Home</a>
 11 |                 </li>
 12 |                 <li class="active">FAQ</li>
 13 |             </ol>
 14 |         </div>
 15 | 
 16 |     </div>
 17 | 
 18 |     <div class="row">
 19 | 
 20 |         <div class="col-lg-12">
 21 | 
 22 |             <div class="panel-group" id="accordion">
 23 | 
 24 |                 <div class="panel panel-default">
 25 |                     <div class="panel-heading">
 26 |                         <h4 class="panel-title">
 27 |                             <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion"
 28 |                                href="#collapseOne">
 29 |                                 Lorem ipsum dolor sit amet, consectetur adipiscing elit?
 30 |                             </a>
 31 |                         </h4>
 32 |                     </div>
 33 |                     <div id="collapseOne" class="panel-collapse collapse">
 34 |                         <div class="panel-body">
 35 |                             Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad
 36 |                             squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa
 37 |                             nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid
 38 |                             single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft
 39 |                             beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice
 40 |                             lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you
 41 |                             probably haven't heard of them accusamus labore sustainable VHS.
 42 |                         </div>
 43 |                     </div>
 44 |                 </div>
 45 | 
 46 |                 <div class="panel panel-default">
 47 |                     <div class="panel-heading">
 48 |                         <h4 class="panel-title">
 49 |                             <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion"
 50 |                                href="#collapseTwo">
 51 |                                 Curabitur eget leo at velit imperdiet varius. In eu ipsum vitae velit congue iaculis
 52 |                                 vitae at risus?
 53 |                             </a>
 54 |                         </h4>
 55 |                     </div>
 56 |                     <div id="collapseTwo" class="panel-collapse collapse">
 57 |                         <div class="panel-body">
 58 |                             Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad
 59 |                             squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa
 60 |                             nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid
 61 |                             single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft
 62 |                             beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice
 63 |                             lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you
 64 |                             probably haven't heard of them accusamus labore sustainable VHS.
 65 |                         </div>
 66 |                     </div>
 67 |                 </div>
 68 | 
 69 |                 <div class="panel panel-default">
 70 |                     <div class="panel-heading">
 71 |                         <h4 class="panel-title">
 72 |                             <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion"
 73 |                                href="#collapseThree">
 74 |                                 Aenean consequat lorem ut felis ullamcorper?
 75 |                             </a>
 76 |                         </h4>
 77 |                     </div>
 78 |                     <div id="collapseThree" class="panel-collapse collapse">
 79 |                         <div class="panel-body">
 80 |                             Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad
 81 |                             squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa
 82 |                             nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid
 83 |                             single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft
 84 |                             beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice
 85 |                             lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you
 86 |                             probably haven't heard of them accusamus labore sustainable VHS.
 87 |                         </div>
 88 |                     </div>
 89 |                 </div>
 90 | 
 91 |                 <div class="panel panel-default">
 92 |                     <div class="panel-heading">
 93 |                         <h4 class="panel-title">
 94 |                             <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion"
 95 |                                href="#collapseFour">
 96 |                                 Lorem ipsum dolor sit amet, consectetur adipiscing elit?
 97 |                             </a>
 98 |                         </h4>
 99 |                     </div>
100 |                     <div id="collapseFour" class="panel-collapse collapse">
101 |                         <div class="panel-body">
102 |                             Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad
103 |                             squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa
104 |                             nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid
105 |                             single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft
106 |                             beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice
107 |                             lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you
108 |                             probably haven't heard of them accusamus labore sustainable VHS.
109 |                         </div>
110 |                     </div>
111 |                 </div>
112 | 
113 |                 <div class="panel panel-default">
114 |                     <div class="panel-heading">
115 |                         <h4 class="panel-title">
116 |                             <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion"
117 |                                href="#collapseFive">
118 |                                 Curabitur eget leo at velit imperdiet varius. In eu ipsum vitae velit congue iaculis
119 |                                 vitae at risus?
120 |                             </a>
121 |                         </h4>
122 |                     </div>
123 |                     <div id="collapseFive" class="panel-collapse collapse">
124 |                         <div class="panel-body">
125 |                             Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad
126 |                             squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa
127 |                             nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid
128 |                             single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft
129 |                             beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice
130 |                             lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you
131 |                             probably haven't heard of them accusamus labore sustainable VHS.
132 |                         </div>
133 |                     </div>
134 |                 </div>
135 | 
136 |                 <div class="panel panel-default">
137 |                     <div class="panel-heading">
138 |                         <h4 class="panel-title">
139 |                             <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion"
140 |                                href="#collapseSix">
141 |                                 Aenean consequat lorem ut felis ullamcorper?
142 |                             </a>
143 |                         </h4>
144 |                     </div>
145 |                     <div id="collapseSix" class="panel-collapse collapse">
146 |                         <div class="panel-body">
147 |                             Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad
148 |                             squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa
149 |                             nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid
150 |                             single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft
151 |                             beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice
152 |                             lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you
153 |                             probably haven't heard of them accusamus labore sustainable VHS.
154 |                         </div>
155 |                     </div>
156 |                 </div>
157 | 
158 |                 <div class="panel panel-default">
159 |                     <div class="panel-heading">
160 |                         <h4 class="panel-title">
161 |                             <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion"
162 |                                href="#collapseSeven">
163 |                                 Lorem ipsum dolor sit amet, consectetur adipiscing elit?
164 |                             </a>
165 |                         </h4>
166 |                     </div>
167 |                     <div id="collapseSeven" class="panel-collapse collapse">
168 |                         <div class="panel-body">
169 |                             Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad
170 |                             squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa
171 |                             nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid
172 |                             single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft
173 |                             beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice
174 |                             lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you
175 |                             probably haven't heard of them accusamus labore sustainable VHS.
176 |                         </div>
177 |                     </div>
178 |                 </div>
179 | 
180 |                 <div class="panel panel-default">
181 |                     <div class="panel-heading">
182 |                         <h4 class="panel-title">
183 |                             <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion"
184 |                                href="#collapseEight">
185 |                                 Curabitur eget leo at velit imperdiet varius. In eu ipsum vitae velit congue iaculis
186 |                                 vitae at risus?
187 |                             </a>
188 |                         </h4>
189 |                     </div>
190 |                     <div id="collapseEight" class="panel-collapse collapse">
191 |                         <div class="panel-body">
192 |                             Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad
193 |                             squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa
194 |                             nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid
195 |                             single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft
196 |                             beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice
197 |                             lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you
198 |                             probably haven't heard of them accusamus labore sustainable VHS.
199 |                         </div>
200 |                     </div>
201 |                 </div>
202 | 
203 |                 <div class="panel panel-default">
204 |                     <div class="panel-heading">
205 |                         <h4 class="panel-title">
206 |                             <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion"
207 |                                href="#collapseNine">
208 |                                 Aenean consequat lorem ut felis ullamcorper?
209 |                             </a>
210 |                         </h4>
211 |                     </div>
212 |                     <div id="collapseNine" class="panel-collapse collapse">
213 |                         <div class="panel-body">
214 |                             Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad
215 |                             squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa
216 |                             nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid
217 |                             single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft
218 |                             beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice
219 |                             lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you
220 |                             probably haven't heard of them accusamus labore sustainable VHS.
221 |                         </div>
222 |                     </div>
223 |                 </div>
224 | 
225 |             </div>
226 | 
227 |         </div>
228 | 
229 |     </div>
230 | 
231 | </div>
232 | <!-- /.container -->


--------------------------------------------------------------------------------
/partials/home.html:
--------------------------------------------------------------------------------
  1 | 
  2 | <div id="myCarousel" class="carousel slide">
  3 |     <!-- Indicators -->
  4 |     <ol class="carousel-indicators">
  5 |         <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
  6 |         <li data-target="#myCarousel" data-slide-to="1"></li>
  7 |         <li data-target="#myCarousel" data-slide-to="2"></li>
  8 |     </ol>
  9 | 
 10 |     <!-- Wrapper for slides -->
 11 |     <div class="carousel-inner">
 12 |         <div class="item active">
 13 |             <div class="fill" style="background-image:url('http://placehold.it/1900x1080&text=Specialists');"></div>
 14 |             <div class="carousel-caption">
 15 |                 <h1>Reduce costs of finishing operations by 65%</h1>
 16 |             </div>
 17 |         </div>
 18 |         <div class="item">
 19 |             <div class="fill" style="background-image:url('http://placehold.it/1900x1080&text=Wordlwide');"></div>
 20 |             <div class="carousel-caption">
 21 |                 <h1>International Buyer Financing Available</h1>
 22 |             </div>
 23 |         </div>
 24 |         <div class="item">
 25 |             <div class="fill" style="background-image:url('http://placehold.it/1900x1080&text=Since 1910');"></div>
 26 |             <div class="carousel-caption">
 27 |                 <h1>Family Owned for Four Generations</h1>
 28 |             </div>
 29 |         </div>
 30 |     </div>
 31 | 
 32 |     <!-- Controls -->
 33 |     <a class="left carousel-control" href="#myCarousel" data-slide="prev">
 34 |         <span class="icon-prev"></span>
 35 |     </a>
 36 |     <a class="right carousel-control" href="#myCarousel" data-slide="next">
 37 |         <span class="icon-next"></span>
 38 |     </a>
 39 | </div>
 40 | 
 41 | <div class="section">
 42 | 
 43 |     <div class="container">
 44 | 
 45 |         <div class="row">
 46 |             <div class="col-lg-4 col-md-4">
 47 |                 <h3><i class="fa fa-check-circle"></i> Bootstrap 3 Built</h3>
 48 |                 <p>The 'Modern Business' website template by <a href="http://startbootstrap.com">Start Bootstrap</a> is built with <a href="http://getbootstrap.com">Bootstrap 3</a>. Make sure you're up to date with latest Bootstrap documentation!</p>
 49 |             </div>
 50 |             <div class="col-lg-4 col-md-4">
 51 |                 <h3><i class="fa fa-pencil"></i> Ready to Style &amp; Edit</h3>
 52 |                 <p>You're ready to go with this pre-built page structure, now all you need to do is add your own custom stylings! You can see some free themes over at <a href="http://bootswatch.com">Bootswatch</a>, or come up with your own using <a href="http://getbootstrap.com/customize/">the Bootstrap customizer</a>!</p>
 53 |             </div>
 54 |             <div class="col-lg-4 col-md-4">
 55 |                 <h3><i class="fa fa-folder-open"></i> Many Page Options</h3>
 56 |                 <p>This template features many common pages that you might see on a business website. Pages include: about, contact, portfolio variations, blog, pricing, FAQ, 404, services, and general multi-purpose pages.</p>
 57 |             </div>
 58 |         </div>
 59 |         <!-- /.row -->
 60 | 
 61 |     </div>
 62 |     <!-- /.container -->
 63 | 
 64 | </div>
 65 | <!-- /.section -->
 66 | 
 67 | <div class="section-colored text-center">
 68 | 
 69 |     <div class="container">
 70 | 
 71 |         <div class="row">
 72 |             <div class="col-lg-12">
 73 |                 <h2>Modern Business: A Clean &amp; Simple Full Website Template by Start Bootstrap</h2>
 74 |                 <p>A complete website design featuring various single page templates from Start Bootstraps library of free HTML starter templates.</p>
 75 |                 <hr>
 76 |             </div>
 77 |         </div>
 78 |         <!-- /.row -->
 79 | 
 80 |     </div>
 81 |     <!-- /.container -->
 82 | 
 83 | </div>
 84 | <!-- /.section-colored -->
 85 | 
 86 | <div class="section">
 87 | 
 88 |     <div class="container">
 89 | 
 90 |         <div class="row">
 91 |             <div class="col-lg-12 text-center">
 92 |                 <h2>Display Some Work on the Home Page Portfolio</h2>
 93 |                 <hr>
 94 |             </div>
 95 |             <div class="col-lg-4 col-md-4 col-sm-6">
 96 |                 <a href="portfolio-item.html">
 97 |                     <img class="img-responsive img-home-portfolio" src="http://placehold.it/700x450">
 98 |                 </a>
 99 |             </div>
100 |             <div class="col-lg-4 col-md-4 col-sm-6">
101 |                 <a href="portfolio-item.html">
102 |                     <img class="img-responsive img-home-portfolio" src="http://placehold.it/700x450">
103 |                 </a>
104 |             </div>
105 |             <div class="col-lg-4 col-md-4 col-sm-6">
106 |                 <a href="portfolio-item.html">
107 |                     <img class="img-responsive img-home-portfolio" src="http://placehold.it/700x450">
108 |                 </a>
109 |             </div>
110 |             <div class="col-lg-4 col-md-4 col-sm-6">
111 |                 <a href="portfolio-item.html">
112 |                     <img class="img-responsive img-home-portfolio" src="http://placehold.it/700x450">
113 |                 </a>
114 |             </div>
115 |             <div class="col-lg-4 col-md-4 col-sm-6">
116 |                 <a href="portfolio-item.html">
117 |                     <img class="img-responsive img-home-portfolio" src="http://placehold.it/700x450">
118 |                 </a>
119 |             </div>
120 |             <div class="col-lg-4 col-md-4 col-sm-6">
121 |                 <a href="portfolio-item.html">
122 |                     <img class="img-responsive img-home-portfolio" src="http://placehold.it/700x450">
123 |                 </a>
124 |             </div>
125 |         </div>
126 |         <!-- /.row -->
127 | 
128 |     </div>
129 |     <!-- /.container -->
130 | 
131 | </div>
132 | <!-- /.section -->
133 | 
134 | <div class="section-colored">
135 | 
136 |     <div class="container">
137 | 
138 |         <div class="row">
139 |             <div class="col-lg-6 col-md-6 col-sm-6">
140 |                 <h2>Modern Business Features Include:</h2>
141 |                 <ul>
142 |                     <li>Bootstrap 3 Framework</li>
143 |                     <li>Mobile Responsive Design</li>
144 |                     <li>Predefined File Paths</li>
145 |                     <li>Working PHP Contact Page</li>
146 |                     <li>Minimal Custom CSS Styles</li>
147 |                     <li>Unstyled: Add Your Own Style and Content!</li>
148 |                     <li>Font-Awesome fonts come pre-installed!</li>
149 |                     <li>100% <strong>Free</strong> to Use</li>
150 |                     <li>Open Source: Use for any project, private or commercial!</li>
151 |                 </ul>
152 |             </div>
153 |             <div class="col-lg-6 col-md-6 col-sm-6">
154 |                 <img class="img-responsive" src="http://placehold.it/700x450/ffffff/cccccc">
155 |             </div>
156 |         </div>
157 |         <!-- /.row -->
158 | 
159 |     </div>
160 |     <!-- /.container -->
161 | 
162 | </div>
163 | <!-- /.section-colored -->
164 | 
165 | <div class="section">
166 | 
167 |     <div class="container">
168 | 
169 |         <div class="row">
170 |             <div class="col-lg-6 col-md-6 col-sm-6">
171 |                 <img class="img-responsive" src="http://placehold.it/700x450">
172 |             </div>
173 |             <div class="col-lg-6 col-md-6 col-sm-6">
174 |                 <h2>Modern Business Features Include:</h2>
175 |                 <ul>
176 |                     <li>Bootstrap 3 Framework</li>
177 |                     <li>Mobile Responsive Design</li>
178 |                     <li>Predefined File Paths</li>
179 |                     <li>Working PHP Contact Page</li>
180 |                     <li>Minimal Custom CSS Styles</li>
181 |                     <li>Unstyled: Add Your Own Style and Content!</li>
182 |                     <li>Font-Awesome fonts come pre-installed!</li>
183 |                     <li>100% <strong>Free</strong> to Use</li>
184 |                     <li>Open Source: Use for any project, private or commercial!</li>
185 |                 </ul>
186 |             </div>
187 |         </div>
188 |         <!-- /.row -->
189 | 
190 |     </div>
191 |     <!-- /.container -->
192 | 
193 | </div>
194 | <!-- /.section -->
195 | 
196 | <div class="container">
197 | 
198 |     <div class="row well">
199 |         <div class="col-lg-8 col-md-8">
200 |             <h4>'Modern Business' is a ready-to-use, Bootstrap 3 updated, multi-purpose HTML theme!</h4>
201 |             <p>For more templates and more page options that you can integrate into this website template, visit Start Bootstrap!</p>
202 |         </div>
203 |         <div class="col-lg-4 col-md-4">
204 |             <a class="btn btn-lg btn-primary pull-right" href="http://startbootstrap.com">See More Templates!</a>
205 |         </div>
206 |     </div>
207 |     <!-- /.row -->
208 | 
209 | </div>
210 | <!-- /.container -->
211 | 


--------------------------------------------------------------------------------
/partials/pricing.html:
--------------------------------------------------------------------------------
  1 | <div class="container">
  2 | 
  3 |     <div class="row">
  4 | 
  5 |         <div class="col-lg-12">
  6 |             <h1 class="page-header">Pricing Table
  7 |                 <small>Our Pricing Options</small>
  8 |             </h1>
  9 |             <ol class="breadcrumb">
 10 |                 <li><a href="../index.html">Home</a>
 11 |                 </li>
 12 |                 <li class="active">Pricing Table</li>
 13 |             </ol>
 14 |         </div>
 15 | 
 16 |     </div>
 17 | 
 18 |     <div class="row">
 19 | 
 20 |         <div class="col-sm-3">
 21 |             <div class="panel panel-default text-center">
 22 |                 <div class="panel-heading">
 23 |                     <strong>Basic</strong>
 24 |                 </div>
 25 |                 <div class="panel-body">
 26 |                     <h3 class="panel-title price">$9
 27 |                         <span class="price-cents">99</span>
 28 |                         <span class="price-month">mo.</span>
 29 |                     </h3>
 30 |                 </div>
 31 |                 <ul class="list-group">
 32 |                     <li class="list-group-item">5 Projects</li>
 33 |                     <li class="list-group-item">5 GB of Storage</li>
 34 |                     <li class="list-group-item">Up to 100 Users</li>
 35 |                     <li class="list-group-item">10 GB Bandwidth</li>
 36 |                     <li class="list-group-item">Security Suite</li>
 37 |                     <li class="list-group-item"><a class="btn btn-primary">Sign Up Now!</a>
 38 |                     </li>
 39 |                 </ul>
 40 |             </div>
 41 |         </div>
 42 |         <div class="col-sm-3">
 43 |             <div class="panel panel-default text-center">
 44 |                 <div class="panel-heading">
 45 |                     <strong>Plus</strong>
 46 |                 </div>
 47 |                 <div class="panel-body">
 48 |                     <h3 class="panel-title price">$19
 49 |                         <span class="price-cents">99</span>
 50 |                         <span class="price-month">mo.</span>
 51 |                     </h3>
 52 |                 </div>
 53 |                 <ul class="list-group">
 54 |                     <li class="list-group-item">10 Projects</li>
 55 |                     <li class="list-group-item">10 GB of Storage</li>
 56 |                     <li class="list-group-item">Up to 250 Users</li>
 57 |                     <li class="list-group-item">25 GB Bandwidth</li>
 58 |                     <li class="list-group-item">Security Suite</li>
 59 |                     <li class="list-group-item"><a class="btn btn-primary">Sign Up Now!</a>
 60 |                     </li>
 61 |                 </ul>
 62 |             </div>
 63 |         </div>
 64 |         <div class="col-sm-3">
 65 |             <div class="panel panel-default text-center">
 66 |                 <div class="panel-heading">
 67 |                     <strong>Premium <span class="label label-success">Best Value!</span></strong>
 68 |                 </div>
 69 |                 <div class="panel-body">
 70 |                     <h3 class="panel-title price">$29
 71 |                         <span class="price-cents">99</span>
 72 |                         <span class="price-month">mo.</span>
 73 |                     </h3>
 74 |                 </div>
 75 |                 <ul class="list-group">
 76 |                     <li class="list-group-item">Unlimited</li>
 77 |                     <li class="list-group-item">50 GB of Storage</li>
 78 |                     <li class="list-group-item">Up to 1000 Users</li>
 79 |                     <li class="list-group-item">100 GB Bandwidth</li>
 80 |                     <li class="list-group-item">Security Suite</li>
 81 |                     <li class="list-group-item"><a class="btn btn-primary">Sign Up Now!</a>
 82 |                     </li>
 83 |                 </ul>
 84 |             </div>
 85 |         </div>
 86 |         <div class="col-sm-3">
 87 |             <div class="panel panel-default text-center">
 88 |                 <div class="panel-heading">
 89 |                     <strong>Ultimate</strong>
 90 |                 </div>
 91 |                 <div class="panel-body">
 92 |                     <h3 class="panel-title price">$49
 93 |                         <span class="price-cents">99</span>
 94 |                         <span class="price-month">mo.</span>
 95 |                     </h3>
 96 |                 </div>
 97 |                 <ul class="list-group">
 98 |                     <li class="list-group-item">Unlimited</li>
 99 |                     <li class="list-group-item">150 GB of Storage</li>
100 |                     <li class="list-group-item">Unlimited</li>
101 |                     <li class="list-group-item">500 GB Bandwidth</li>
102 |                     <li class="list-group-item">Security Suite</li>
103 |                     <li class="list-group-item"><a class="btn btn-primary">Sign Up Now!</a>
104 |                     </li>
105 |                 </ul>
106 |             </div>
107 |         </div>
108 | 
109 |     </div>
110 | 
111 | </div>
112 | <!-- /.container -->
113 | 
114 | 


--------------------------------------------------------------------------------
/partials/services.html:
--------------------------------------------------------------------------------
  1 | <!-- Page Content -->
  2 | 
  3 | <div class="container">
  4 | 
  5 |     <div class="row">
  6 | 
  7 |         <div class="col-lg-12">
  8 |             <h1 class="page-header">Services
  9 |                 <small>What We Do</small>
 10 |             </h1>
 11 |             <ol class="breadcrumb">
 12 |                 <li><a href="../index.html">Home</a>
 13 |                 </li>
 14 |                 <li class="active">Services</li>
 15 |             </ol>
 16 |         </div>
 17 | 
 18 |     </div>
 19 |     <!-- /.row -->
 20 | 
 21 |     <div class="row">
 22 | 
 23 |         <div class="col-lg-12">
 24 |             <img class="img-responsive" src="http://placehold.it/1200x300">
 25 |         </div>
 26 | 
 27 |     </div>
 28 |     <!-- /.row -->
 29 | 
 30 |     <!-- Service Paragraphs -->
 31 | 
 32 |     <div class="row">
 33 | 
 34 |         <div class="col-md-8">
 35 |             <h2 class="page-header">Our Premium Services</h2>
 36 | 
 37 |             <p>Lid est laborum dolo rumes fugats untras. Etharums ser quidem rerum facilis dolores nemis omnis fugats
 38 |                 vitaes nemo minima rerums unsers sadips amets. Sed ut perspiciatis unde omnis iste natus error sit
 39 |                 voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore
 40 |                 veritatis et quasi architecto beatae vitae dicta sunt explicabo.</p>
 41 |         </div>
 42 | 
 43 |         <div class="col-md-4">
 44 |             <h2 class="page-header">Something More</h2>
 45 | 
 46 |             <p>Etharums ser quidem rerum facilis dolores nemis omnis fugats vitaes nemo minima rerums unsers sadips
 47 |                 amets.</p>
 48 |             <a class="btn btn-primary" href="#">Click Me!</a>
 49 |         </div>
 50 | 
 51 |     </div>
 52 |     <!-- /.row -->
 53 | 
 54 |     <!-- Service Tabs -->
 55 | 
 56 |     <div class="row">
 57 | 
 58 |         <div class="col-lg-12">
 59 |             <h2 class="page-header">Tabbed Services</h2>
 60 |             <ul id="myTab" class="nav nav-tabs">
 61 |                 <li class="active"><a href="#service-one" data-toggle="tab">Service One</a>
 62 |                 </li>
 63 |                 <li><a href="#service-two" data-toggle="tab">Service Two</a>
 64 |                 </li>
 65 |                 <li><a href="#service-three" data-toggle="tab">Service Three</a>
 66 |                 </li>
 67 |                 <li><a href="#service-four" data-toggle="tab">Service Four</a>
 68 |                 </li>
 69 |                 <li><a href="#service-five" data-toggle="tab">Service Five</a>
 70 |                 </li>
 71 |             </ul>
 72 |             <div id="myTabContent" class="tab-content">
 73 |                 <div class="tab-pane fade in active" id="service-one">
 74 |                     <i class="fa fa-gear pull-left fa-4x"></i>
 75 | 
 76 |                     <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc placerat diam quis nisl vestibulum
 77 |                         dignissim. In hac habitasse platea dictumst. Interdum et malesuada fames ac ante ipsum primis in
 78 |                         faucibus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis
 79 |                         egestas. Etiam placerat nunc ut tellus tristique, non posuere neque iaculis. Fusce aliquet dui
 80 |                         ut felis rhoncus, vitae molestie mauris auctor. Donec pellentesque feugiat leo a adipiscing.
 81 |                         Pellentesque quis tristique eros, sed rutrum mauris.</p>
 82 | 
 83 |                     <p>Nam fringilla quis enim in eleifend. Suspendisse sed lectus mauris. Nam commodo, arcu et posuere
 84 |                         placerat, tellus tortor dignissim eros, sit amet eleifend urna lorem sit amet nulla. Praesent
 85 |                         sem nibh, vulputate nec congue eu, dapibus vitae augue. Suspendisse cursus urna sit amet metus
 86 |                         porttitor, in pharetra quam feugiat. Etiam tempus euismod nulla eget pellentesque.</p>
 87 |                 </div>
 88 |                 <div class="tab-pane fade" id="service-two">
 89 |                     <i class="fa fa-gears pull-left fa-4x"></i>
 90 | 
 91 |                     <p>Nam fringilla quis enim in eleifend. Suspendisse sed lectus mauris. Nam commodo, arcu et posuere
 92 |                         placerat, tellus tortor dignissim eros, sit amet eleifend urna lorem sit amet nulla. Praesent
 93 |                         sem nibh, vulputate nec congue eu, dapibus vitae augue. Suspendisse cursus urna sit amet metus
 94 |                         porttitor, in pharetra quam feugiat. Etiam tempus euismod nulla eget pellentesque.</p>
 95 | 
 96 |                     <p>Vestibulum laoreet molestie urna ac vehicula. Phasellus laoreet semper ipsum ac gravida. Sed in
 97 |                         varius tortor. Nullam blandit in neque quis aliquet. Fusce volutpat pellentesque sem non
 98 |                         convallis. Suspendisse sit amet magna pulvinar, gravida mauris eu, tincidunt massa. Nam lectus
 99 |                         mi, viverra non quam nec, mollis malesuada dolor. Vivamus hendrerit nunc interdum turpis
100 |                         egestas, a lobortis odio consequat. Fusce posuere purus quis ligula faucibus lacinia. Curabitur
101 |                         sit amet congue dolor. Duis dapibus hendrerit nunc et gravida. Phasellus mollis, lectus quis
102 |                         ornare aliquam, arcu orci posuere lectus, vehicula bibendum sem ante quis lacus.</p>
103 |                 </div>
104 |                 <div class="tab-pane fade" id="service-three">
105 |                     <i class="fa fa-magic pull-left fa-4x"></i>
106 | 
107 |                     <p>Vestibulum laoreet molestie urna ac vehicula. Phasellus laoreet semper ipsum ac gravida. Sed in
108 |                         varius tortor. Nullam blandit in neque quis aliquet. Fusce volutpat pellentesque sem non
109 |                         convallis. Suspendisse sit amet magna pulvinar, gravida mauris eu, tincidunt massa. Nam lectus
110 |                         mi, viverra non quam nec, mollis malesuada dolor. Vivamus hendrerit nunc interdum turpis
111 |                         egestas, a lobortis odio consequat. Fusce posuere purus quis ligula faucibus lacinia. Curabitur
112 |                         sit amet congue dolor. Duis dapibus hendrerit nunc et gravida. Phasellus mollis, lectus quis
113 |                         ornare aliquam, arcu orci posuere lectus, vehicula bibendum sem ante quis lacus.</p>
114 | 
115 |                     <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc placerat diam quis nisl vestibulum
116 |                         dignissim. In hac habitasse platea dictumst. Interdum et malesuada fames ac ante ipsum primis in
117 |                         faucibus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis
118 |                         egestas. Etiam placerat nunc ut tellus tristique, non posuere neque iaculis. Fusce aliquet dui
119 |                         ut felis rhoncus, vitae molestie mauris auctor. Donec pellentesque feugiat leo a adipiscing.
120 |                         Pellentesque quis tristique eros, sed rutrum mauris.</p>
121 |                 </div>
122 |                 <div class="tab-pane fade" id="service-four">
123 |                     <i class="fa fa-flask pull-left fa-4x"></i>
124 | 
125 |                     <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc placerat diam quis nisl vestibulum
126 |                         dignissim. In hac habitasse platea dictumst. Interdum et malesuada fames ac ante ipsum primis in
127 |                         faucibus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis
128 |                         egestas. Etiam placerat nunc ut tellus tristique, non posuere neque iaculis. Fusce aliquet dui
129 |                         ut felis rhoncus, vitae molestie mauris auctor. Donec pellentesque feugiat leo a adipiscing.
130 |                         Pellentesque quis tristique eros, sed rutrum mauris.</p>
131 | 
132 |                     <p>Nam fringilla quis enim in eleifend. Suspendisse sed lectus mauris. Nam commodo, arcu et posuere
133 |                         placerat, tellus tortor dignissim eros, sit amet eleifend urna lorem sit amet nulla. Praesent
134 |                         sem nibh, vulputate nec congue eu, dapibus vitae augue. Suspendisse cursus urna sit amet metus
135 |                         porttitor, in pharetra quam feugiat. Etiam tempus euismod nulla eget pellentesque.</p>
136 |                 </div>
137 |                 <div class="tab-pane fade" id="service-five">
138 |                     <i class="fa fa-flag pull-left fa-4x"></i>
139 | 
140 |                     <p>Nam fringilla quis enim in eleifend. Suspendisse sed lectus mauris. Nam commodo, arcu et posuere
141 |                         placerat, tellus tortor dignissim eros, sit amet eleifend urna lorem sit amet nulla. Praesent
142 |                         sem nibh, vulputate nec congue eu, dapibus vitae augue. Suspendisse cursus urna sit amet metus
143 |                         porttitor, in pharetra quam feugiat. Etiam tempus euismod nulla eget pellentesque.</p>
144 | 
145 |                     <p>Vestibulum laoreet molestie urna ac vehicula. Phasellus laoreet semper ipsum ac gravida. Sed in
146 |                         varius tortor. Nullam blandit in neque quis aliquet. Fusce volutpat pellentesque sem non
147 |                         convallis. Suspendisse sit amet magna pulvinar, gravida mauris eu, tincidunt massa. Nam lectus
148 |                         mi, viverra non quam nec, mollis malesuada dolor. Vivamus hendrerit nunc interdum turpis
149 |                         egestas, a lobortis odio consequat. Fusce posuere purus quis ligula faucibus lacinia. Curabitur
150 |                         sit amet congue dolor. Duis dapibus hendrerit nunc et gravida. Phasellus mollis, lectus quis
151 |                         ornare aliquam, arcu orci posuere lectus, vehicula bibendum sem ante quis lacus.</p>
152 |                 </div>
153 |             </div>
154 |         </div>
155 | 
156 |     </div>
157 |     <!-- /.row -->
158 | 
159 |     <!-- Service Images -->
160 | 
161 |     <div class="row">
162 | 
163 |         <div class="col-lg-12">
164 |             <h2 class="page-header">Service Images</h2>
165 |         </div>
166 | 
167 |         <div class="col-sm-4">
168 |             <img class="img-responsive" src="http://placehold.it/750x450">
169 | 
170 |             <h3>Service One</h3>
171 | 
172 |             <p>Service one description. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc placerat diam quis
173 |                 nisl vestibulum dignissim. In hac habitasse platea dictumst.</p>
174 |             <a class="btn btn-link btn-sm pull-right">More <i class="fa fa-angle-right"></i></a>
175 |         </div>
176 | 
177 |         <div class="col-sm-4">
178 |             <img class="img-responsive" src="http://placehold.it/750x450">
179 | 
180 |             <h3>Service Two</h3>
181 | 
182 |             <p>Service two description. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc placerat diam quis
183 |                 nisl vestibulum dignissim. In hac habitasse platea dictumst.</p>
184 |             <a class="btn btn-link btn-sm pull-right">More <i class="fa fa-angle-right"></i></a>
185 |         </div>
186 | 
187 |         <div class="col-sm-4">
188 |             <img class="img-responsive" src="http://placehold.it/750x450">
189 | 
190 |             <h3>Service Three</h3>
191 | 
192 |             <p>Service three description. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc placerat diam
193 |                 quis nisl vestibulum dignissim. In hac habitasse platea dictumst.</p>
194 |             <a class="btn btn-link btn-sm pull-right">More <i class="fa fa-angle-right"></i></a>
195 |         </div>
196 | 
197 |     </div>
198 |     <!-- /.row -->
199 | 
200 | </div>
201 | <!-- /.container -->
202 | 


--------------------------------------------------------------------------------
/templates/footer.html:
--------------------------------------------------------------------------------
1 | <footer>
2 |     <div class="container">
3 |         <p><a href="https://github.com/outrightmental/angularjs-tutorial-1">&hearts; on github</a></p>
4 |     </div>
5 | </footer>
6 | 


--------------------------------------------------------------------------------
/templates/header.html:
--------------------------------------------------------------------------------
 1 | <nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
 2 |     <div class="container">
 3 |         <div class="navbar-header">
 4 |             <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse">
 5 |                 <span class="sr-only">Toggle navigation</span>
 6 |                 <span class="icon-bar"></span>
 7 |                 <span class="icon-bar"></span>
 8 |                 <span class="icon-bar"></span>
 9 |             </button>
10 |             <!-- You'll want to use a responsive image option so this logo looks good on devices - I recommend using something like retina.js (do a quick Google search for it and you'll find it) -->
11 |             <a class="navbar-brand" href="#/">ACME</a>
12 |         </div>
13 | 
14 |         <!-- Collect the nav links, forms, and other content for toggling -->
15 |         <div class="collapse navbar-collapse navbar-ex1-collapse">
16 |             <ul class="nav navbar-nav navbar-right">
17 |                 <li><a href="#/services">Services</a>
18 |                 </li>
19 |                 <li><a href="#/pricing">Pricing Table</a>
20 |                 </li>
21 |                 <li><a href="#/about">About</a>
22 |                 </li>
23 |                 <li><a href="#/faq">FAQ</a>
24 |                 </li>
25 |                 <li><a href="#/contact">Contact</a>
26 |                 </li>
27 |                 <li class="dropdown">
28 |                     <a class="dropdown-toggle" data-toggle="dropdown">Blog <b class="caret"></b></a>
29 |                     <ul class="dropdown-menu">
30 |                         <li><a href="#/blog">List of Posts</a>
31 |                         </li>
32 |                         <li><a href="#/blog/post">View One Post</a>
33 |                         </li>
34 |                     </ul>
35 |                 </li>
36 |             </ul>
37 |         </div>
38 |         <!-- /.navbar-collapse -->
39 |     </div>
40 |     <!-- /.container -->
41 | </nav>
42 | 


--------------------------------------------------------------------------------