|
10 | 10 | href="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,300;0,500;0,700;0,800;1,400&display=swap"
|
11 | 11 | rel="stylesheet"
|
12 | 12 | />
|
| 13 | + <script |
| 14 | + src="https://kit.fontawesome.com/0a1af2edbf.js" |
| 15 | + crossorigin="anonymous" |
| 16 | + ></script> |
13 | 17 | <meta name="viewport" content="width=device-width, initial-scale=1" />
|
14 | 18 | <link rel="stylesheet" type="text/css" media="screen" href="main.css" />
|
15 | 19 | <link rel="stylesheet" type="text/css" media="screen" href="bb.css" />
|
|
35 | 39 | .header {
|
36 | 40 | width: 100%;
|
37 | 41 | min-height: 500px;
|
38 |
| - background-color: #ffeec2; |
| 42 | + background-color: #ffff3f; |
39 | 43 | }
|
40 | 44 |
|
41 | 45 | .header-container {
|
|
56 | 60 | font-weight: 900;
|
57 | 61 | }
|
58 | 62 |
|
59 |
| - h2 { |
| 63 | + .sub-headline { |
| 64 | + font-size: 16px; |
60 | 65 | color: #333;
|
61 |
| - font-size: 20px; |
62 | 66 | font-weight: 500;
|
63 | 67 | margin-top: 5px;
|
64 | 68 | }
|
65 | 69 |
|
| 70 | + .sub-headline i { |
| 71 | + color: red; |
| 72 | + } |
| 73 | + |
| 74 | + .sub-headline a { |
| 75 | + color: #333; |
| 76 | + display: inline; |
| 77 | + text-decoration: underline; |
| 78 | + } |
| 79 | + |
66 | 80 | .logo {
|
67 |
| - width: 60px; |
68 |
| - height: auto; |
69 | 81 | position: fixed;
|
70 | 82 | top: 40px;
|
71 | 83 | left: 40px;
|
72 | 84 | }
|
73 | 85 |
|
| 86 | + .logo i { |
| 87 | + font-size: 50px; |
| 88 | + } |
| 89 | + |
74 | 90 | .head-image {
|
75 |
| - margin-top: 40px; |
| 91 | + margin-top: 0px; |
76 | 92 | width: 100%;
|
77 | 93 | height: auto;
|
78 | 94 | max-height: 500px;
|
|
91 | 107 | font-weight: 300;
|
92 | 108 | }
|
93 | 109 |
|
| 110 | + .content img { |
| 111 | + width: 100%; |
| 112 | + max-width: 100%; |
| 113 | + height: auto; |
| 114 | + } |
| 115 | + |
94 | 116 | a {
|
95 | 117 | color: rgb(57, 140, 254);
|
96 | 118 | text-decoration: none;
|
|
106 | 128 | font-size: 16px;
|
107 | 129 | font-weight: 600;
|
108 | 130 | color: rgb(255, 255, 255);
|
109 |
| - background-color: rgb(57, 140, 254); |
| 131 | + background-color: #55a630; |
110 | 132 | border-style: solid;
|
111 | 133 | border-width: 0px;
|
112 |
| - border-radius: 56px; |
| 134 | + border-radius: 10px; |
113 | 135 | padding: 15px 40px;
|
114 | 136 | text-decoration: none;
|
115 | 137 | cursor: pointer;
|
|
141 | 163 | </head>
|
142 | 164 |
|
143 | 165 | <body>
|
144 |
| - <img class="logo" src="https://i.ibb.co/wMGvWqh/Gleap-Logo.png" /> |
| 166 | + <div class="logo"><i class="fa-brands fa-airbnb"></i></div> |
145 | 167 | <div class="header">
|
146 | 168 | <div class="header-container">
|
147 |
| - <h1>Gleap Demo</h1> |
148 |
| - <h2>Gleap SDK for the Web</h2> |
| 169 | + <h1>Off-Grid-it-Haus</h1> |
| 170 | + <h2 class="sub-headline"> |
| 171 | + <i class="fa-solid fa-star"></i> 4,93 · 308 ratings · |
| 172 | + <a href="#">Pioneertown, Kalifornien, USA</a> |
| 173 | + </h2> |
149 | 174 | </div>
|
150 | 175 | </div>
|
151 | 176 | <div class="header-container-image">
|
152 |
| - <img class="head-image" src="./pexels-jaymantri-4827.jpg" /> |
| 177 | + <img class="head-image" src="./e81868fd_original.jpg" /> |
153 | 178 | </div>
|
154 | 179 | <div class="content" id="haha">
|
155 |
| - <span |
156 |
| - >The Gleap SDK for JavScript is the easiest way to integrate Gleap into |
157 |
| - your apps! Achieve better app quality & ratings with comprehensive |
158 |
| - in-app bug reporting. Gleap offers affordable In-App Bug Reporting for |
159 |
| - Apps, WebApps & Websites.</span |
160 |
| - > |
| 180 | + The Off-grid itHouse brings together raw industrial aesthetics with the |
| 181 | + tactics of green design to forge a new home in the sunbaked wilds of the |
| 182 | + California high desert. |
| 183 | + <br /><br /> |
| 184 | + <div class="buttonlink">Book now</div> |
| 185 | + <br /><br /> |
| 186 | + <b>Die Unterkunft</b><br /> |
| 187 | + <br /> |
| 188 | + The Off-grid itHouse is an architecturally significant house, recently |
| 189 | + noted by Dwell as one of the 'Best Homes in America' and in the Los |
| 190 | + Angeles Times as one of the best houses of all time in Southern |
| 191 | + California. The Off-grid itHouse is one of 10 IT Houses built in |
| 192 | + California, which have received much acclaim such as the Western Home |
| 193 | + award sponsored by Sunset magazine. Also noted as one of the top 10 airbnb |
| 194 | + rentals worldwide. This is the prototype for the pre-engineered system |
| 195 | + known as the IT House. |
| 196 | + <br /><br /> |
| 197 | + <img src="./gallery.png" /> |
| 198 | + <br /><br /> |
| 199 | + The house is 100% off-grid, powered by solar panels for energy and hot |
| 200 | + water, and is located in a pristine remote valley in the beautiful |
| 201 | + California high desert. The house observes key green principals of smaller |
| 202 | + footprint, minimal disturbance to the natural beauty of the surrounding |
| 203 | + landscape, use of renewable resources, and living simply and minimally. |
| 204 | + <br /><br /> |
| 205 | + The setting of the house is remote and serene, a quiet refuge from |
| 206 | + everything, free from distractions. Amazing views and vistas in all |
| 207 | + directions. |
| 208 | + <br /><br /> |
| 209 | + Perfect for design or green aficionados, writers or those needing a |
| 210 | + secluded quiet getaway. |
| 211 | + <br /><br /> |
| 212 | + <b>Zugang für Gäste</b><br /> |
| 213 | + <br /> |
| 214 | + Intentionally there is no television and only satellite wifi for emergency |
| 215 | + communication so that one can truly experience being in a place of extreme |
| 216 | + natural beauty, and take note of the play of light and shadow, and other |
| 217 | + natural phenomena. |
| 218 | + <br /><br /> |
| 219 | + The house is 100% off grid with no municipal services. All the water is |
| 220 | + brought to the site and powered by the sun. Please expect that due to the |
| 221 | + off grid nature of the home you should be prepared that power may not |
| 222 | + always be available. Please plan meals to not use excessive energy. |
| 223 | + <br /><br /> |
| 224 | + The house has two new Casper mattresses and pillows for ultimate comfort |
| 225 | + and relaxation during your stay (queen and king). |
161 | 226 | <br /><br />
|
162 |
| - <span |
163 |
| - >No more wasting time trying to reproduce a bug. Gleap reports |
164 |
| - automatically contain a replay video, session data, logs and more. Even |
165 |
| - better: You can add custom data to your bug details.</span |
166 |
| - > |
| 227 | + It is recommended that guests arrive before sundown in order to find the |
| 228 | + house. The house is in a remote location. |
167 | 229 | <br /><br />
|
168 |
| - <span |
169 |
| - >In less than a minute you can add our Gleap SDK to your App or WebApp. |
170 |
| - Install our SDK, build and run. A piece of cake.</span |
171 |
| - > |
172 |
| - <div id="rand"></div> |
| 230 | + <b>Weitere wichtige Hinweise</b><br /> |
| 231 | + <br /> |
| 232 | + Holiday weekend 3 day minimum applies to Presidents Day weekend, |
| 233 | + Valentines Day, Memorial Day Weekend, Independence Day weekend, Labor Day |
| 234 | + Weekend, Thanksgiving, Christmas and New Years. WE DO NOT ALLOW EVENTS OR |
| 235 | + SHOOTS OF ANY KIND TO BE BOOKED THROUGH AIRBNB. WE ARE NO LONGER ALLOWING |
| 236 | + WEDDINGS. FOR INQUIRIES BEYOND VACATION RENTAL PLEASE CONTACT LOCATIONS |
| 237 | + UNLIMITED. |
173 | 238 | </div>
|
174 | 239 | <!-- index.js as found in build/index.js -->
|
175 | 240 | <script src="index.js"></script>
|
|
0 commit comments