1 |
|
2 |
|
3 |
|
4 |
|
5 | body {
|
6 | padding-bottom: 40px;
|
7 | color: #5a5a5a;
|
8 | }
|
9 |
|
10 |
|
11 |
|
12 |
|
13 |
|
14 |
|
15 | .navbar-wrapper {
|
16 | position: absolute;
|
17 | top: 0;
|
18 | right: 0;
|
19 | left: 0;
|
20 | z-index: 20;
|
21 | }
|
22 |
|
23 |
|
24 | .navbar-wrapper > .container {
|
25 | padding-right: 0;
|
26 | padding-left: 0;
|
27 | }
|
28 | .navbar-wrapper .navbar {
|
29 | padding-right: 15px;
|
30 | padding-left: 15px;
|
31 | }
|
32 | .navbar-wrapper .navbar .container {
|
33 | width: auto;
|
34 | }
|
35 |
|
36 |
|
37 |
|
38 |
|
39 |
|
40 |
|
41 | .carousel {
|
42 | height: 500px;
|
43 | margin-bottom: 60px;
|
44 | }
|
45 |
|
46 | .carousel-caption {
|
47 | z-index: 10;
|
48 | }
|
49 |
|
50 |
|
51 | .carousel .item {
|
52 | height: 500px;
|
53 | background-color: #777;
|
54 | }
|
55 | .carousel-inner > .item > img {
|
56 | position: absolute;
|
57 | top: 0;
|
58 | left: 0;
|
59 | min-width: 100%;
|
60 | height: 500px;
|
61 | }
|
62 |
|
63 |
|
64 |
|
65 |
|
66 |
|
67 |
|
68 | .marketing .col-lg-4 {
|
69 | margin-bottom: 20px;
|
70 | text-align: center;
|
71 | }
|
72 | .marketing h2 {
|
73 | font-weight: normal;
|
74 | }
|
75 | .marketing .col-lg-4 p {
|
76 | margin-right: 10px;
|
77 | margin-left: 10px;
|
78 | }
|
79 |
|
80 |
|
81 |
|
82 |
|
83 |
|
84 | .featurette-divider {
|
85 | margin: 80px 0;
|
86 | }
|
87 |
|
88 |
|
89 | .featurette-heading {
|
90 | font-weight: 300;
|
91 | line-height: 1;
|
92 | letter-spacing: -1px;
|
93 | }
|
94 |
|
95 |
|
96 |
|
97 |
|
98 |
|
99 | @media (min-width: 768px) {
|
100 |
|
101 | .navbar-wrapper {
|
102 | margin-top: 20px;
|
103 | }
|
104 | .navbar-wrapper .container {
|
105 | padding-right: 15px;
|
106 | padding-left: 15px;
|
107 | }
|
108 | .navbar-wrapper .navbar {
|
109 | padding-right: 0;
|
110 | padding-left: 0;
|
111 | }
|
112 |
|
113 |
|
114 | .navbar-wrapper .navbar {
|
115 | border-radius: 4px;
|
116 | }
|
117 |
|
118 |
|
119 | .carousel-caption p {
|
120 | margin-bottom: 20px;
|
121 | font-size: 21px;
|
122 | line-height: 1.4;
|
123 | }
|
124 |
|
125 | .featurette-heading {
|
126 | font-size: 50px;
|
127 | }
|
128 | }
|
129 |
|
130 | @media (min-width: 992px) {
|
131 | .featurette-heading {
|
132 | margin-top: 120px;
|
133 | }
|
134 | } |
\ | No newline at end of file |