Browse Source

Updated contact page

set in facebook and twitte, adjusted map and address
Federico Bonelli 2 years ago
parent
commit
0cef09d8a2

+ 185 - 223
contact.html

@@ -1,243 +1,205 @@
1 1
 <!DOCTYPE html>
2 2
 <html lang="en">
3
-
4
-<head>
5
-
6
-    <meta charset="utf-8">
7
-    <meta http-equiv="X-UA-Compatible" content="IE=edge">
8
-    <meta name="viewport" content="width=device-width, initial-scale=1">
9
-    <meta name="description" content="">
10
-    <meta name="author" content="">
11
-
12
-    <title>Modern Business - Start Bootstrap Template</title>
13
-
14
-    <!-- Bootstrap Core CSS -->
15
-    <link href="css/bootstrap.min.css" rel="stylesheet">
16
-
17
-    <!-- Custom CSS -->
18
-    <link href="css/modern-business.css" rel="stylesheet">
19
-
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]>
3
+    <head>
4
+        <meta charset="utf-8">
5
+        <meta http-equiv="X-UA-Compatible" content="IE=edge">
6
+        <meta name="viewport" content="width=device-width, initial-scale=1">
7
+        <meta name="description" content="">
8
+        <meta name="author" content="">
9
+        <title>Modern Business - Start Bootstrap Template</title>
10
+        <!-- Bootstrap Core CSS -->
11
+        <link href="css/bootstrap.min.css" rel="stylesheet">
12
+        <!-- Custom CSS -->
13
+        <link href="css/modern-business.css" rel="stylesheet">
14
+        <!-- Custom Fonts -->
15
+        <link href="font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
16
+        <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
17
+        <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
18
+        <!--[if lt IE 9]>
26 19
         <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
27 20
         <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
28 21
     <![endif]-->
29
-
30
-</head>
31
-
32
-<body>
33
-
34
-    <!-- Navigation -->
35
-    <nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
22
+    </head>
23
+    <body>
24
+        <!-- Navigation -->
25
+        <nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
26
+            <div class="container">
27
+                <!-- Brand and toggle get grouped for better mobile display -->
28
+                <div class="navbar-header">
29
+                    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
30
+                        <span class="sr-only">Toggle navigation</span>
31
+                        <span class="icon-bar"></span>
32
+                        <span class="icon-bar"></span>
33
+                        <span class="icon-bar"></span>
34
+                    </button>
35
+                    <a class="navbar-brand" href="index.html">Start Bootstrap</a>
36
+                </div>
37
+                <!-- Collect the nav links, forms, and other content for toggling -->
38
+                <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
39
+                    <ul class="nav navbar-nav navbar-right">
40
+                        <li>
41
+                            <a href="about.html">About</a>
42
+                        </li>
43
+                        <li>
44
+                            <a href="services.html">Services</a>
45
+                        </li>
46
+                        <li class="active">
47
+                            <a href="contact.html">Contact</a>
48
+                        </li>
49
+                        <li class="dropdown">
50
+                            <a href="#" class="dropdown-toggle" data-toggle="dropdown">Portfolio <b class="caret"></b></a>
51
+                            <ul class="dropdown-menu">
52
+                                <li>
53
+                                    <a href="portfolio-1-col.html">1 Column Portfolio</a>
54
+                                </li>
55
+                                <li>
56
+                                    <a href="portfolio-2-col.html">2 Column Portfolio</a>
57
+                                </li>
58
+                                <li>
59
+                                    <a href="portfolio-3-col.html">3 Column Portfolio</a>
60
+                                </li>
61
+                                <li>
62
+                                    <a href="portfolio-4-col.html">4 Column Portfolio</a>
63
+                                </li>
64
+                                <li>
65
+                                    <a href="portfolio-item.html">Single Portfolio Item</a>
66
+                                </li>
67
+                            </ul>
68
+                        </li>
69
+                        <li class="dropdown">
70
+                            <a href="#" class="dropdown-toggle" data-toggle="dropdown">Blog <b class="caret"></b></a>
71
+                            <ul class="dropdown-menu">
72
+                                <li>
73
+                                    <a href="blog-home-1.html">Blog Home 1</a>
74
+                                </li>
75
+                                <li>
76
+                                    <a href="blog-home-2.html">Blog Home 2</a>
77
+                                </li>
78
+                                <li>
79
+                                    <a href="blog-post.html">Blog Post</a>
80
+                                </li>
81
+                            </ul>
82
+                        </li>
83
+                        <li class="dropdown">
84
+                            <a href="#" class="dropdown-toggle" data-toggle="dropdown">Other Pages <b class="caret"></b></a>
85
+                            <ul class="dropdown-menu">
86
+                                <li>
87
+                                    <a href="full-width.html">Full Width Page</a>
88
+                                </li>
89
+                                <li>
90
+                                    <a href="sidebar.html">Sidebar Page</a>
91
+                                </li>
92
+                                <li>
93
+                                    <a href="faq.html">FAQ</a>
94
+                                </li>
95
+                                <li>
96
+                                    <a href="404.html">404</a>
97
+                                </li>
98
+                                <li>
99
+                                    <a href="pricing.html">Pricing Table</a>
100
+                                </li>
101
+                            </ul>
102
+                        </li>
103
+                    </ul>
104
+                </div>
105
+                <!-- /.navbar-collapse -->
106
+            </div>
107
+            <!-- /.container -->
108
+        </nav>
109
+        <!-- Page Content -->
36 110
         <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>
111
+            <!-- Page Heading/Breadcrumbs -->
112
+            <div class="row">
113
+                <div class="col-lg-12">
114
+                    <h1 class="page-header">Contact<small>us</small></h1>
115
+                    <ol class="breadcrumb">
116
+                        <li>
117
+                            <a href="index.html">Home</a>
118
+                        </li>
119
+                        <li class="active">Contact</li>
120
+                    </ol>
121
+                </div>
46 122
             </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>
52
-                    </li>
53
-                    <li>
54
-                        <a href="services.html">Services</a>
55
-                    </li>
56
-                    <li class="active">
57
-                        <a href="contact.html">Contact</a>
58
-                    </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>
78
-                    </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>
92
-                    </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>
123
+            <!-- /.row -->
124
+            <!-- Content Row -->
125
+            <div class="row">
126
+                <!-- Map Column -->
127
+                <div class="col-md-8">
128
+                    <!-- Embedded Google Map -->
129
+                    <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d608.6360463837258!2d4.8799727936577595!3d52.39681291190771!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x47c6082f28fd6627%3A0x5153b1877b8e85a2!2sDyne.org!5e0!3m2!1sen!2snl!4v1488468149185" width="600" height="450" frameborder="0" style="border:0" allowfullscreen></iframe>
130
+                </div>
131
+                <!-- Contact Details Column -->
132
+                <div class="col-md-4">
133
+                    <h3>Contact Details</h3>
134
+                    <p>
135
+                    Dyne.org<br>Haparandadam 7/A1, 1013 AK <br> Amsterdam</p>
136
+                    <p><i class="fa fa-phone"></i><p><i class="fa fa-envelope-o"></i> <abbr title="Email">E</abbr>: <a href="mailto:foundation@dyne.org">foundation@dyne.org</a></p><p><i class="fa fa-clock-o"></i> <abbr title="Hours">H</abbr>: CET (Central European Time) aka ZULU+1</p><ul class="list-unstyled list-inline list-social-icons">
105 137
                             <li>
106
-                                <a href="404.html">404</a>
138
+                                <a href="https://www.facebook.com/dyne.org/"><i class="fa fa-facebook-square fa-2x"></i></a>
107 139
                             </li>
108 140
                             <li>
109
-                                <a href="pricing.html">Pricing Table</a>
141
+                                <a href="https://twitter.com/DYIoT"><i class="fa fa-twitter-square fa-2x"></i></a>
110 142
                             </li>
111 143
                         </ul>
112
-                    </li>
113
-                </ul>
114
-            </div>
115
-            <!-- /.navbar-collapse -->
116
-        </div>
117
-        <!-- /.container -->
118
-    </nav>
119
-
120
-    <!-- Page Content -->
121
-    <div class="container">
122
-
123
-        <!-- 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 -->
137
-
138
-        <!-- Content Row -->
139
-        <div class="row">
140
-            <!-- Map Column -->
141
-            <div class="col-md-8">
142
-                <!-- Embedded Google Map -->
143
-                <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>
144
-            </div>
145
-            <!-- Contact Details Column -->
146
-            <div class="col-md-4">
147
-                <h3>Contact Details</h3>
148
-                <p>
149
-                    3481 Melrose Place<br>Beverly Hills, CA 90210<br>
150
-                </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>
155
-                </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>
144
+                </div>
172 145
             </div>
173
-        </div>
174
-        <!-- /.row -->
175
-
176
-        <!-- Contact Form -->
177
-        <!-- In order to set the email address and subject line for the contact form go to the bin/contact_me.php file. -->
178
-        <div class="row">
179
-            <div class="col-md-8">
180
-                <h3>Send us a Message</h3>
181
-                <form name="sentMessage" id="contactForm" novalidate>
182
-                    <div class="control-group form-group">
183
-                        <div class="controls">
184
-                            <label>Full Name:</label>
185
-                            <input type="text" class="form-control" id="name" required data-validation-required-message="Please enter your name.">
186
-                            <p class="help-block"></p>
146
+            <!-- /.row -->
147
+            <!-- Contact Form -->
148
+            <!-- In order to set the email address and subject line for the contact form go to the bin/contact_me.php file. -->
149
+            <div class="row">
150
+                <div class="col-md-8">
151
+                    <h3>Send us a Message</h3>
152
+                    <form name="sentMessage" id="contactForm" novalidate>
153
+                        <div class="control-group form-group">
154
+                            <div class="controls">
155
+                                <label>Full Name:</label>
156
+                                <input type="text" class="form-control" id="name" required data-validation-required-message="Please enter your name.">
157
+                                <p class="help-block"></p>
158
+                            </div>
187 159
                         </div>
188
-                    </div>
189
-                    <div class="control-group form-group">
190
-                        <div class="controls">
191
-                            <label>Phone Number:</label>
192
-                            <input type="tel" class="form-control" id="phone" required data-validation-required-message="Please enter your phone number.">
160
+                        <div class="control-group form-group">
161
+                            <div class="controls">
162
+                                <label>Phone Number:</label>
163
+                                <input type="tel" class="form-control" id="phone" required data-validation-required-message="Please enter your phone number.">
164
+                            </div>
193 165
                         </div>
194
-                    </div>
195
-                    <div class="control-group form-group">
196
-                        <div class="controls">
197
-                            <label>Email Address:</label>
198
-                            <input type="email" class="form-control" id="email" required data-validation-required-message="Please enter your email address.">
166
+                        <div class="control-group form-group">
167
+                            <div class="controls">
168
+                                <label>Email Address:</label>
169
+                                <input type="email" class="form-control" id="email" required data-validation-required-message="Please enter your email address.">
170
+                            </div>
199 171
                         </div>
200
-                    </div>
201
-                    <div class="control-group form-group">
202
-                        <div class="controls">
203
-                            <label>Message:</label>
204
-                            <textarea rows="10" cols="100" class="form-control" id="message" required data-validation-required-message="Please enter your message" maxlength="999" style="resize:none"></textarea>
172
+                        <div class="control-group form-group">
173
+                            <div class="controls">
174
+                                <label>Message:</label>
175
+                                <textarea rows="10" cols="100" class="form-control" id="message" required data-validation-required-message="Please enter your message" maxlength="999" style="resize:none"></textarea>
176
+                            </div>
205 177
                         </div>
206
-                    </div>
207
-                    <div id="success"></div>
208
-                    <!-- For success/fail messages -->
209
-                    <button type="submit" class="btn btn-primary">Send Message</button>
210
-                </form>
211
-            </div>
212
-
213
-        </div>
214
-        <!-- /.row -->
215
-
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>
178
+                        <div id="success"></div>
179
+                        <!-- For success/fail messages -->
180
+                        <button type="submit" class="btn btn-primary">Send Message</button>
181
+                    </form>
223 182
                 </div>
224 183
             </div>
225
-        </footer>
226
-
227
-    </div>
228
-    <!-- /.container -->
229
-
230
-    <!-- jQuery -->
231
-    <script src="js/jquery.js"></script>
232
-
233
-    <!-- Bootstrap Core JavaScript -->
234
-    <script src="js/bootstrap.min.js"></script>
235
-
236
-    <!-- Contact Form JavaScript -->
237
-    <!-- Do not edit these files! In order to set the email address and subject line for the contact form go to the bin/contact_me.php file. -->
238
-    <script src="js/jqBootstrapValidation.js"></script>
239
-    <script src="js/contact_me.js"></script>
240
-
241
-</body>
242
-
184
+            <!-- /.row -->
185
+            <hr>
186
+            <!-- Footer -->
187
+            <footer>
188
+                <div class="row">
189
+                    <div class="col-lg-12">
190
+                        <p>Copyright &copy; Your Website 2014</p>
191
+                    </div>
192
+                </div>
193
+            </footer>
194
+        </div>
195
+        <!-- /.container -->
196
+        <!-- jQuery -->
197
+        <script src="js/jquery.js"></script>
198
+        <!-- Bootstrap Core JavaScript -->
199
+        <script src="js/bootstrap.min.js"></script>
200
+        <!-- Contact Form JavaScript -->
201
+        <!-- Do not edit these files! In order to set the email address and subject line for the contact form go to the bin/contact_me.php file. -->
202
+        <script src="js/jqBootstrapValidation.js"></script>
203
+        <script src="js/contact_me.js"></script>
204
+    </body>
243 205
 </html>

File diff suppressed because it is too large
+ 6 - 0
css/_pgbackup/bootstrap.min_1488466774.css


File diff suppressed because it is too large
+ 6 - 0
css/_pgbackup/bootstrap.min_1488468436.css


File diff suppressed because it is too large
+ 6 - 0
css/_pgbackup/bootstrap.min_1488468504.css


+ 93 - 0
css/_pgbackup/modern-business_1488466774.css

@@ -0,0 +1,93 @@
1
+/*!
2
+ * Start Bootstrap - Modern Business (http://startbootstrap.com/)
3
+ * Copyright 2013-2016 Start Bootstrap
4
+ * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap/blob/gh-pages/LICENSE)
5
+ */
6
+
7
+/* Global Styles */
8
+
9
+html,
10
+body {
11
+    height: 100%;
12
+}
13
+
14
+body {
15
+    padding-top: 50px; /* Required padding for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */
16
+}
17
+
18
+.img-portfolio {
19
+    margin-bottom: 30px;
20
+}
21
+
22
+.img-hover:hover {
23
+    opacity: 0.8;
24
+}
25
+
26
+/* Home Page Carousel */
27
+
28
+header.carousel {
29
+    height: 50%;
30
+}
31
+
32
+header.carousel .item,
33
+header.carousel .item.active,
34
+header.carousel .carousel-inner {
35
+    height: 100%;
36
+}
37
+
38
+header.carousel .fill {
39
+    width: 100%;
40
+    height: 100%;
41
+    background-position: center;
42
+    background-size: cover;
43
+}
44
+
45
+/* 404 Page Styles */
46
+
47
+.error-404 {
48
+    font-size: 100px;
49
+}
50
+
51
+/* Pricing Page Styles */
52
+
53
+.price {
54
+    display: block;
55
+    font-size: 50px;
56
+    line-height: 50px;
57
+}
58
+
59
+.price sup {
60
+    top: -20px;
61
+    left: 2px;
62
+    font-size: 20px;
63
+}
64
+
65
+.period {
66
+    display: block;
67
+    font-style: italic;
68
+}
69
+
70
+/* Footer Styles */
71
+
72
+footer {
73
+    margin: 50px 0;
74
+}
75
+
76
+/* Responsive Styles */
77
+
78
+@media(max-width:991px) {
79
+    .customer-img,
80
+    .img-related {
81
+        margin-bottom: 30px;
82
+    }
83
+}
84
+
85
+@media(max-width:767px) {
86
+    .img-portfolio {
87
+        margin-bottom: 15px;
88
+    }
89
+
90
+    header.carousel .carousel {
91
+        height: 70%;
92
+    }
93
+}

+ 93 - 0
css/_pgbackup/modern-business_1488468436.css

@@ -0,0 +1,93 @@
1
+/*!
2
+ * Start Bootstrap - Modern Business (http://startbootstrap.com/)
3
+ * Copyright 2013-2016 Start Bootstrap
4
+ * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap/blob/gh-pages/LICENSE)
5
+ */
6
+
7
+/* Global Styles */
8
+
9
+html,
10
+body {
11
+    height: 100%;
12
+}
13
+
14
+body {
15
+    padding-top: 50px; /* Required padding for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */
16
+}
17
+
18
+.img-portfolio {
19
+    margin-bottom: 30px;
20
+}
21
+
22
+.img-hover:hover {
23
+    opacity: 0.8;
24
+}
25
+
26
+/* Home Page Carousel */
27
+
28
+header.carousel {
29
+    height: 50%;
30
+}
31
+
32
+header.carousel .item,
33
+header.carousel .item.active,
34
+header.carousel .carousel-inner {
35
+    height: 100%;
36
+}
37
+
38
+header.carousel .fill {
39
+    width: 100%;
40
+    height: 100%;
41
+    background-position: center;
42
+    background-size: cover;
43
+}
44
+
45
+/* 404 Page Styles */
46
+
47
+.error-404 {
48
+    font-size: 100px;
49
+}
50
+
51
+/* Pricing Page Styles */
52
+
53
+.price {
54
+    display: block;
55
+    font-size: 50px;
56
+    line-height: 50px;
57
+}
58
+
59
+.price sup {
60
+    top: -20px;
61
+    left: 2px;
62
+    font-size: 20px;
63
+}
64
+
65
+.period {
66
+    display: block;
67
+    font-style: italic;
68
+}
69
+
70
+/* Footer Styles */
71
+
72
+footer {
73
+    margin: 50px 0;
74
+}
75
+
76
+/* Responsive Styles */
77
+
78
+@media(max-width:991px) {
79
+    .customer-img,
80
+    .img-related {
81
+        margin-bottom: 30px;
82
+    }
83
+}
84
+
85
+@media(max-width:767px) {
86
+    .img-portfolio {
87
+        margin-bottom: 15px;
88
+    }
89
+
90
+    header.carousel .carousel {
91
+        height: 70%;
92
+    }
93
+}

+ 93 - 0
css/_pgbackup/modern-business_1488468504.css

@@ -0,0 +1,93 @@
1
+/*!
2
+ * Start Bootstrap - Modern Business (http://startbootstrap.com/)
3
+ * Copyright 2013-2016 Start Bootstrap
4
+ * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap/blob/gh-pages/LICENSE)
5
+ */
6
+
7
+/* Global Styles */
8
+
9
+html,
10
+body {
11
+    height: 100%;
12
+}
13
+
14
+body {
15
+    padding-top: 50px; /* Required padding for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */
16
+}
17
+
18
+.img-portfolio {
19
+    margin-bottom: 30px;
20
+}
21
+
22
+.img-hover:hover {
23
+    opacity: 0.8;
24
+}
25
+
26
+/* Home Page Carousel */
27
+
28
+header.carousel {
29
+    height: 50%;
30
+}
31
+
32
+header.carousel .item,
33
+header.carousel .item.active,
34
+header.carousel .carousel-inner {
35
+    height: 100%;
36
+}
37
+
38
+header.carousel .fill {
39
+    width: 100%;
40
+    height: 100%;
41
+    background-position: center;
42
+    background-size: cover;
43
+}
44
+
45
+/* 404 Page Styles */
46
+
47
+.error-404 {
48
+    font-size: 100px;
49
+}
50
+
51
+/* Pricing Page Styles */
52
+
53
+.price {
54
+    display: block;
55
+    font-size: 50px;
56
+    line-height: 50px;
57
+}
58
+
59
+.price sup {
60
+    top: -20px;
61
+    left: 2px;
62
+    font-size: 20px;
63
+}
64
+
65
+.period {
66
+    display: block;
67
+    font-style: italic;
68
+}
69
+
70
+/* Footer Styles */
71
+
72
+footer {
73
+    margin: 50px 0;
74
+}
75
+
76
+/* Responsive Styles */
77
+
78
+@media(max-width:991px) {
79
+    .customer-img,
80
+    .img-related {
81
+        margin-bottom: 30px;
82
+    }
83
+}
84
+
85
+@media(max-width:767px) {
86
+    .img-portfolio {
87
+        margin-bottom: 15px;
88
+    }
89
+
90
+    header.carousel .carousel {
91
+        height: 70%;
92
+    }
93
+}

File diff suppressed because it is too large
+ 1 - 1
pinegrow.json