├── assets
    ├── img
    │   ├── deals.jpg
    │   ├── screenshot.png
    │   ├── tnw-logo.png
    │   ├── main-article.jpg
    │   ├── hard-fork-main.jpeg
    │   ├── latest-article.jpg
    │   ├── stackpath-logo.png
    │   ├── hard-fork-latest.jpeg
    │   └── latest-funding1.jpeg
    └── css
    │   ├── reset.css
    │   └── styles.css
├── .stylelintrc.json
├── .hintrc
├── LICENSE
├── .github
    └── workflows
    │   └── linters.yml
├── README.md
└── index.html


/assets/img/deals.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/VanessaAoki/TheNextWebClone/HEAD/assets/img/deals.jpg


--------------------------------------------------------------------------------
/assets/img/screenshot.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/VanessaAoki/TheNextWebClone/HEAD/assets/img/screenshot.png


--------------------------------------------------------------------------------
/assets/img/tnw-logo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/VanessaAoki/TheNextWebClone/HEAD/assets/img/tnw-logo.png


--------------------------------------------------------------------------------
/assets/img/main-article.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/VanessaAoki/TheNextWebClone/HEAD/assets/img/main-article.jpg


--------------------------------------------------------------------------------
/assets/img/hard-fork-main.jpeg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/VanessaAoki/TheNextWebClone/HEAD/assets/img/hard-fork-main.jpeg


--------------------------------------------------------------------------------
/assets/img/latest-article.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/VanessaAoki/TheNextWebClone/HEAD/assets/img/latest-article.jpg


--------------------------------------------------------------------------------
/assets/img/stackpath-logo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/VanessaAoki/TheNextWebClone/HEAD/assets/img/stackpath-logo.png


--------------------------------------------------------------------------------
/assets/img/hard-fork-latest.jpeg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/VanessaAoki/TheNextWebClone/HEAD/assets/img/hard-fork-latest.jpeg


--------------------------------------------------------------------------------
/assets/img/latest-funding1.jpeg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/VanessaAoki/TheNextWebClone/HEAD/assets/img/latest-funding1.jpeg


--------------------------------------------------------------------------------
/.stylelintrc.json:
--------------------------------------------------------------------------------
 1 | {
 2 |     "extends": ["stylelint-config-standard"],
 3 |     "plugins": ["stylelint-scss", "stylelint-csstree-validator"],
 4 |     "rules": {
 5 |       "at-rule-no-unknown": null,
 6 |       "scss/at-rule-no-unknown": true,
 7 |       "csstree/validator": true
 8 |     },
 9 |     "ignoreFiles": ["build/**", "dist/**", "**/reset*.css", "**/bootstrap*.css"]
10 |   }


--------------------------------------------------------------------------------
/.hintrc:
--------------------------------------------------------------------------------
 1 | {
 2 |     "connector": {
 3 |       "name": "local",
 4 |       "options": {
 5 |         "pattern": ["**", "!.git/**", "!node_modules/**"]
 6 |       }
 7 |     },
 8 |     "extends": ["development"],
 9 |     "formatters": ["stylish"],
10 |     "hints": [
11 |       "button-type",
12 |       "disown-opener",
13 |       "html-checker",
14 |       "meta-charset-utf-8",
15 |       "meta-viewport"
16 |     ]
17 |   }


--------------------------------------------------------------------------------
/LICENSE:
--------------------------------------------------------------------------------
 1 | MIT License
 2 | 
 3 | Copyright (c) 2020 German Aquila & Vanessa Aoki
 4 | 
 5 | Permission is hereby granted, free of charge, to any person obtaining a copy
 6 | of this software and associated documentation files (the "Software"), to deal
 7 | in the Software without restriction, including without limitation the rights
 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 9 | copies of the Software, and to permit persons to whom the Software is
10 | furnished to do so, subject to the following conditions:
11 | 
12 | The above copyright notice and this permission notice shall be included in all
13 | copies or substantial portions of the Software.
14 | 
15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21 | SOFTWARE.
22 | 


--------------------------------------------------------------------------------
/.github/workflows/linters.yml:
--------------------------------------------------------------------------------
 1 | name: Linters
 2 | 
 3 | on: pull_request
 4 | 
 5 | env:
 6 |   FORCE_COLOR: 1
 7 | 
 8 | jobs:
 9 |   lighthouse:
10 |     name: Lighthouse
11 |     runs-on: ubuntu-18.04
12 |     steps:
13 |       - uses: actions/checkout@v2
14 |       - uses: actions/setup-node@v1
15 |         with:
16 |           node-version: "12.x"
17 |       - name: Setup Lighthouse
18 |         run: npm install -g @lhci/cli@0.4.x
19 |       - name: Lighthouse Report
20 |         run: lhci autorun --upload.target=temporary-public-storage --collect.staticDistDir=.
21 |   webhint:
22 |     name: Webhint
23 |     runs-on: ubuntu-18.04
24 |     steps:
25 |       - uses: actions/checkout@v2
26 |       - uses: actions/setup-node@v1
27 |         with:
28 |           node-version: "12.x"
29 |       - name: Setup Webhint
30 |         run: |
31 |           npm install --save-dev hint@6.0.x
32 |           [ -f .hintrc ] || wget https://raw.githubusercontent.com/microverseinc/linters-config/master/html-css/.hintrc
33 |       - name: Webhint Report
34 |         run: npx hint --telemetry=off .
35 |   stylelint:
36 |     name: Stylelint
37 |     runs-on: ubuntu-18.04
38 |     steps:
39 |       - uses: actions/checkout@v2
40 |       - uses: actions/setup-node@v1
41 |         with:
42 |           node-version: "12.x"
43 |       - name: Setup Stylelint
44 |         run: |
45 |           npm install --save-dev stylelint@13.3.x stylelint-scss@3.17.x stylelint-config-standard@20.0.x stylelint-csstree-validator
46 |           [ -f .stylelintrc.json ] || wget https://raw.githubusercontent.com/microverseinc/linters-config/master/html-css/.stylelintrc.json
47 |       - name: Stylelint Report
48 |         run: npx stylelint "**/*.{css,scss}"
49 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | # The Next Web Clone
 2 | 
 3 | This is the HTML/CSS project #6, from the Microverse's main curriculum and aims to build a clone of the thenextweb.com's homepage using HTML and CSS. 
 4 | 
 5 | ![screenshot](./assets/img/screenshot.png)
 6 | 
 7 | ## Built With
 8 | 
 9 | - HTML 
10 | - CSS layouts (flex, flexbox, grid and media query)
11 | 
12 | ## Live Demo
13 | 
14 | [Live Demo Link](https://raw.githack.com/VanessaAoki/TheNextWebClone/feature/index.html) 
15 | 
16 | ## Getting Started
17 | 
18 | To get a local copy up and running follow these simple example steps.
19 | 
20 | ### Prerequisites
21 | 
22 | - Live Server plugin for Visual Studio Code 
23 | 
24 | ### Setup
25 | 
26 | 1- Clone the repository
27 | ```
28 | https://github.com/VanessaAoki/TheNextWebClone.git
29 | ```
30 | 
31 | 2- Open the folder on VS Code, right click the index.html file and click on "Open With Live Server".
32 | 
33 | 3- Everything should be running by now. 
34 | 
35 | 
36 | ## Authors
37 | 
38 | 👤 **German Aquila** 
39 | - GitHub: [@realisticattorney](https://github.com/realisticattorney) 
40 | - Twitter: [@ContoliAxl](https://www.twitter.com/contoliaxl)
41 | - Linkedin: [@germanaquila](https://www.linkedin.com/in/german-aquila-55a9171b5/)  
42 | 
43 | 👤 **Vanessa Aoki**
44 | 
45 | - GitHub: [@VanessaAoki](https://github.com/VanessaAoki)
46 | - Twitter: [@VanessaSAoki](https://twitter.com/VanessaSAoki)
47 | - Linkedin: [Vanessa Aoki](https://www.linkedin.com/in/vanessasaoki/)
48 | 
49 | ## 🤝 Contributing
50 | 
51 | Contributions, issues, and feature requests are welcome!
52 | 
53 | Feel free to check the [issues page](https://github.com/VanessaAoki/TheNextWebClone/issues)
54 | 
55 | ## Show your support
56 | 
57 | Give a ⭐️ if you like this project!
58 | 
59 | ## 📝 License
60 | 
61 | This project is [MIT](./LICENSE).
62 | 
63 | 


--------------------------------------------------------------------------------
/assets/css/reset.css:
--------------------------------------------------------------------------------
 1 | * {
 2 |     margin: 0; 
 3 |     padding: 0; 
 4 |     text-decoration: none; 
 5 |     font-size: 1em; 
 6 |     outline: none;
 7 |     }
 8 |     
 9 |     code, kbd, samp, pre, tt, var, textarea, input, select, isindex, listing, xmp, plaintext {
10 |     font: inherit; 
11 |     font-size: 1em; 
12 |     white-space: normal;
13 |     }
14 |     
15 |     dfn, i, cite, var, address, em {
16 |     font-style: normal;
17 |     }
18 |     
19 |     th, b, strong, h1, h2, h3, h4, h5, h6 {
20 |     font-weight: normal;
21 |     }
22 |     
23 |     a, img, a img, iframe, form, fieldset, abbr, acronym, object, applet, table {
24 |     border: none;
25 |     }
26 |     
27 |     table {
28 |     border-collapse: collapse; 
29 |     border-spacing: 0;
30 |     }
31 |     
32 |     caption, th, td, center {
33 |     text-align: left; 
34 |     vertical-align: top;
35 |     }
36 |     
37 |     body {
38 |     line-height: 1; 
39 |     background: white; 
40 |     color: black;
41 |     }
42 |     
43 |     q {
44 |     quotes: "" "";
45 |     }
46 |     
47 |     ul, ol, dir, menu {
48 |     list-style: none;
49 |     }
50 |     
51 |     sub, sup {
52 |     vertical-align: baseline;
53 |     }
54 |     
55 |     a {
56 |     color: inherit;
57 |     }
58 |     
59 |     hr {
60 |     display: none;
61 |     } /* we don't need a visual hr in layout */
62 |     
63 |     font {
64 |     color: inherit !important; 
65 |     font: inherit !important; 
66 |     color: inherit !important;
67 |     } /* disables some nasty font attributes in standard browsers */
68 |     
69 |     marquee {
70 |     overflow: inherit !important; 
71 |     -moz-binding: none;
72 |     }
73 |     
74 |     blink {
75 |     text-decoration: none;
76 |     }
77 |     
78 |     nobr {
79 |     white-space: normal;
80 |     }
81 | 
82 |     img,
83 | object,
84 | embed {
85 |   max-width: 100%;}


--------------------------------------------------------------------------------
/assets/css/styles.css:
--------------------------------------------------------------------------------
  1 | /* HTML */
  2 | 
  3 | * {
  4 |   font-family: "Roboto", sans-serif;
  5 | }
  6 | 
  7 | body {
  8 |   font-family: "Helvetica Neue", Arial, sans-serif;
  9 | }
 10 | 
 11 | header {
 12 |   background-color: white;
 13 |   z-index: 99;
 14 | }
 15 | 
 16 | .main {
 17 |   display: block;
 18 |   max-width: 100vw;
 19 |   margin: 0 auto;
 20 |   z-index: 1;
 21 | }
 22 | 
 23 | a {
 24 |   color: black;
 25 |   text-decoration: none;
 26 | }
 27 | 
 28 | h2 {
 29 |   padding-bottom: 25px;
 30 | }
 31 | 
 32 | h2 > a {
 33 |   font-weight: bolder;
 34 |   font-size: 28px;
 35 |   color: #f42;
 36 | }
 37 | 
 38 | h2 > a > i {
 39 |   font-size: 22px;
 40 | }
 41 | 
 42 | .right-side > a {
 43 |   padding: 16px;
 44 |   border-left: 1px solid rgba(230, 230, 230, 0.89);
 45 | }
 46 | 
 47 | .latest-funding-info a {
 48 |   color: #555;
 49 |   font-size: 12px;
 50 |   line-height: 18px;
 51 |   font-weight: 400;
 52 | }
 53 | 
 54 | .footer-links a {
 55 |   text-decoration: none;
 56 |   color: #555;
 57 | }
 58 | 
 59 | h2 > a:hover {
 60 |   color: black;
 61 | }
 62 | 
 63 | .container {
 64 |   display: grid;
 65 |   grid-auto-columns: auto;
 66 |   padding-top: 100px;
 67 | }
 68 | 
 69 | /* NAVBAR */
 70 | 
 71 | nav {
 72 |   height: 48px;
 73 |   position: fixed;
 74 |   display: flex;
 75 |   justify-content: space-between;
 76 |   align-items: center;
 77 |   background-color: white;
 78 |   width: 100%;
 79 |   z-index: 999;
 80 | }
 81 | 
 82 | .right-side {
 83 |   display: block;
 84 | }
 85 | 
 86 | .fa-bars {
 87 |   color: #f42;
 88 | }
 89 | 
 90 | .fa-search {
 91 |   color: rgb(138, 137, 137);
 92 | }
 93 | 
 94 | .left-side {
 95 |   height: 48px;
 96 |   width: 106px;
 97 |   background-color: black;
 98 |   display: flex;
 99 |   justify-content: center;
100 |   align-items: center;
101 | }
102 | 
103 | .left-side img {
104 |   filter: invert(100%);
105 |   width: auto;
106 |   height: 26px;
107 | }
108 | 
109 | .main-logo-media,
110 | .main-logo-mediaquery,
111 | .top-center,
112 | .top-links,
113 | .top-center-ipad,
114 | .top-center-laptop,
115 | .deal-imgconteiner > span {
116 |   display: none;
117 | }
118 | 
119 | .banner {
120 |   background-color: #fd3;
121 |   position: fixed;
122 |   width: 100%;
123 |   top: 48px;
124 |   height: 60px;
125 |   font-size: 14px;
126 |   font-family: Arial, Helvetica, sans-serif;
127 |   white-space: nowrap;
128 |   line-height: 60px;
129 |   z-index: 99;
130 | }
131 | 
132 | .banner p {
133 |   text-align: center;
134 |   z-index: 99;
135 | }
136 | 
137 | /* MAIN ARTICLES */
138 | 
139 | .main-articles {
140 |   display: grid;
141 |   grid-template-rows: 1fr 1fr 1fr;
142 |   grid-gap: 8px;
143 | }
144 | 
145 | .main-article1,
146 | .main-article2,
147 | .main-article3 {
148 |   display: grid;
149 |   grid-template-rows: auto auto;
150 |   background: url(../img/main-article.jpg);
151 |   background-size: cover;
152 |   margin: 0;
153 |   box-shadow: inset 70px 70px 70px 70px rgba(0, 0, 0, 0.7);
154 |   min-height: 173px;
155 | }
156 | 
157 | .main-article1-text {
158 |   grid-row: 2/2;
159 |   display: flex;
160 |   flex-direction: column;
161 |   color: white;
162 |   font-weight: bolder;
163 |   margin: 1vh 1vh;
164 |   justify-content: flex-end;
165 | }
166 | 
167 | .main-article1-text > h5 {
168 |   font-size: 14px;
169 |   font-weight: 500;
170 |   line-height: 1.5;
171 | }
172 | 
173 | .main-article1-text > h3 > a {
174 |   font-size: 20px;
175 |   font-weight: 700;
176 |   line-height: 1.25;
177 | }
178 | 
179 | .main-article1-text > h6 > a {
180 |   font-size: 12px;
181 |   font-weight: 400;
182 |   color: white;
183 |   opacity: 50%;
184 | }
185 | 
186 | .main-articles1 > img {
187 |   max-width: 100%;
188 |   height: 100%;
189 |   overflow: hidden;
190 |   object-fit: cover;
191 | }
192 | 
193 | /* LATEST NEWS */
194 | 
195 | .latest-new {
196 |   width: 90vw;
197 |   margin: 20px auto 0 auto;
198 |   display: grid;
199 |   grid-template-rows: 30px repeat(8, 1fr);
200 |   grid-gap: 10px;
201 |   padding: 20px 0;
202 | }
203 | 
204 | .latest-news > h2 {
205 |   grid-column: 1/3;
206 |   grid-row: 2/2;
207 | }
208 | 
209 | .latest-news {
210 |   display: grid;
211 |   grid-template-rows: 3.5fr 0.5fr 0.5fr;
212 |   grid-template-columns: 75px 1fr;
213 |   column-gap: 10px;
214 | }
215 | 
216 | .latest-news-imgcontainer {
217 |   grid-column: 1/1;
218 |   height: 75px;
219 |   overflow: hidden;
220 | }
221 | 
222 | .latest-news-imgcontainer > img {
223 |   height: 75px;
224 | }
225 | 
226 | .latest-news > h4 {
227 |   grid-column: 2/2;
228 |   grid-row: 1/1;
229 |   font-weight: bolder;
230 |   font-size: 14px;
231 | }
232 | 
233 | .latest-news > span {
234 |   grid-column: 2/2;
235 |   grid-row: 2/2;
236 |   font-size: 12px;
237 |   color: #aaa;
238 | }
239 | 
240 | /* LATEST FUNDING */
241 | 
242 | .latest-funding {
243 |   padding: 20px 20px;
244 |   width: 90vw;
245 |   margin: 0 auto;
246 | }
247 | 
248 | .latest-funding-header h2 {
249 |   padding-bottom: 10px;
250 | }
251 | 
252 | .sga > h4 {
253 |   color: #f42;
254 |   line-height: 18px;
255 |   padding: 10px 0;
256 | }
257 | 
258 | .sga > h4 > a:hover {
259 |   color: black;
260 | }
261 | 
262 | .latest-funding4 {
263 |   display: none;
264 | }
265 | 
266 | .latest-funding1,
267 | .latest-funding2,
268 | .latest-funding3 {
269 |   display: grid;
270 |   grid-template-rows: 38px auto 160px;
271 |   padding-top: 10px;
272 | }
273 | 
274 | .latest-funding img {
275 |   width: 60px;
276 |   height: 60px;
277 |   position: absolute;
278 |   margin: 10px;
279 |   z-index: -1;
280 | }
281 | 
282 | .latest-funding-title {
283 |   background-color: #f42;
284 |   color: white;
285 |   padding: 10px 0 0 80px;
286 |   font-size: 18px;
287 |   font-weight: 700;
288 |   z-index: -2;
289 | }
290 | 
291 | .latest-funding-subtitle {
292 |   background-color: rgba(255, 68, 34, 0.08);
293 |   padding: 10px 0 15px 80px;
294 | }
295 | 
296 | .latest-funding-subtitle h4 {
297 |   font-size: 18px;
298 |   font-weight: 700;
299 |   line-height: 1.5;
300 | }
301 | 
302 | .latest-funding-subtitle h5 {
303 |   font-size: 11px;
304 | }
305 | 
306 | .latest-funding-info > hr {
307 |   display: block;
308 |   width: 100%;
309 |   background: rgba(255, 67, 34, 0.247);
310 |   height: 1px;
311 |   border: 0;
312 |   margin: 10px 0 0 0;
313 | }
314 | 
315 | .latest-funding-info {
316 |   background-color: rgba(255, 68, 34, 0.03);
317 | }
318 | 
319 | .latest-funding-info p {
320 |   padding: 12px 10px 0 10px;
321 | }
322 | 
323 | .latest-funding-info span {
324 |   color: #aaa;
325 | }
326 | 
327 | .latest-funding-info i {
328 |   color: black;
329 |   margin-right: 5px;
330 | }
331 | 
332 | /* HARD FORK */
333 | 
334 | .hard-fork,
335 | .apps,
336 | .gear,
337 | .tech,
338 | .creative,
339 | .podium,
340 | .insights,
341 | .launch,
342 | .distract {
343 |   width: 90vw;
344 |   margin: 0 auto;
345 |   display: flex;
346 |   flex-direction: column;
347 |   padding: 40px 20px;
348 | }
349 | 
350 | .hard-fork-main {
351 |   background: url(../img/hard-fork-main.jpeg);
352 |   background-repeat: no-repeat;
353 |   background-size: cover;
354 |   overflow: hidden;
355 |   width: 100%;
356 |   height: 50vw;
357 |   color: white;
358 |   display: flex;
359 |   box-shadow: inset 70px 70px 70px 70px rgba(0, 0, 0, 0.7);
360 |   align-items: flex-end;
361 | }
362 | 
363 | .hard-fork-text {
364 |   margin: 10px;
365 | }
366 | 
367 | .hard-fork-text > h5 {
368 |   font-size: 16px;
369 |   margin-bottom: 10px;
370 | }
371 | 
372 | .hard-fork-text > a > h3 {
373 |   font-size: 20px;
374 |   line-height: 1.1;
375 |   font-weight: 700;
376 |   margin-bottom: 10px;
377 | }
378 | 
379 | .hard-fork-text > span {
380 |   font-size: 15px;
381 |   margin-bottom: 10px;
382 | }
383 | 
384 | .hard-fork-latest {
385 |   display: grid;
386 |   grid-template-columns: 1fr  96px;
387 |   grid-template-rows: 96px;
388 | }
389 | 
390 | .hard-fork-latest-text > h5 {
391 |   font-size: 13px;
392 |   font-weight: 500;
393 |   line-height: 1.5;
394 | }
395 | 
396 | .hard-fork-latest-text {
397 |   grid-column: 1 /1;
398 |   display: flex;
399 |   flex-direction: column;
400 |   background-color: #fff4f2;
401 |   color: #f42;
402 |   padding: 10px 14px 0 14px;
403 | }
404 | 
405 | .hard-fork-latest > img {
406 |   grid-column: 2 /2;
407 |   max-width: 100%;
408 |   height: 100%;
409 |   overflow: hidden;
410 |   object-fit: cover;
411 | }
412 | 
413 | .hard-fork-list {
414 |   display: flex;
415 |   flex-direction: column;
416 |   font-size: 13px;
417 |   color: #555;
418 |   justify-content: space-around;
419 |   line-height: 1.5;
420 | }
421 | 
422 | .hard-fork-list > li {
423 |   border-bottom: 1px solid #aaa;
424 |   padding: 6px 0 6px 14px;
425 | }
426 | 
427 | .hard-fork-list > li::before {
428 |   content: "\2022";
429 |   color: #f42;
430 | }
431 | 
432 | /* LATEST DEALS */
433 | 
434 | .deals {
435 |   margin: 0 auto;
436 |   display: flex;
437 |   flex-direction: column;
438 |   padding: 40px 20px;
439 | }
440 | 
441 | .deals h2 {
442 |   padding: 8px 8px 25px 8px;
443 | }
444 | 
445 | .deal-text > h5 > span {
446 |   color: #555;
447 |   margin-left: 10px;
448 | }
449 | 
450 | .deals > h2 > a > span {
451 |   float: right;
452 |   font-size: 16px;
453 |   font-weight: 700;
454 |   margin-top: 10px;
455 |   white-space: nowrap;
456 | }
457 | 
458 | .deal1,
459 | .deal2,
460 | .deal3,
461 | .deal4,
462 | .deal5,
463 | .deal6,
464 | .deal7,
465 | .deal8 {
466 |   display: grid;
467 |   grid-template-columns: 75px 1fr;
468 |   column-gap: 15px;
469 |   padding: 8px;
470 | }
471 | 
472 | .deal-imgconteiner {
473 |   width: 75px;
474 |   height: 75px;
475 |   overflow: hidden;
476 | }
477 | 
478 | .deal-imgconteiner img {
479 |   height: 75px;
480 | }
481 | 
482 | .deal-text > h5 {
483 |   font-size: 16px;
484 |   padding-top: 5px;
485 |   font-weight: 700;
486 | }
487 | 
488 | .deal-text > h4 {
489 |   font-size: 16px;
490 |   padding-top: 5px;
491 |   line-height: 1.3;
492 | }
493 | 
494 | .deal-text del {
495 |   text-decoration: line-through;
496 |   color: #aaa;
497 |   font-size: 85%;
498 | }
499 | 
500 | /* FOOTER */
501 | 
502 | footer {
503 |   width: 100%;
504 | }
505 | 
506 | .footer-more {
507 |   background-color: #131313;
508 |   padding: 3em 0;
509 |   display: flex;
510 |   flex-direction: column;
511 |   align-items: center;
512 | }
513 | 
514 | .footer-social {
515 |   display: flex;
516 |   flex-wrap: wrap;
517 |   justify-content: center;
518 |   margin-bottom: 2em;
519 |   width: 90%;
520 | }
521 | 
522 | .footer-social i {
523 |   color: whitesmoke;
524 |   background-color: #555;
525 |   width: 40px;
526 |   height: 40px;
527 |   text-align: center;
528 |   line-height: 40px;
529 |   border: 2px solid #555;
530 |   border-radius: 50%;
531 |   margin: 3px;
532 | }
533 | 
534 | .footer-social i:hover {
535 |   color: whitesmoke;
536 |   background-color: #131313;
537 | }
538 | 
539 | .footer-links {
540 |   width: 90%;
541 |   display: flex;
542 |   flex-direction: row;
543 |   flex-wrap: wrap;
544 |   justify-content: center;
545 | }
546 | 
547 | .footer-links li {
548 |   list-style: none;
549 |   line-height: 24px;
550 |   font-weight: 500;
551 |   margin: 0 10px;
552 | }
553 | 
554 | .footer-legal {
555 |   background-color: #000;
556 |   color: #aaa;
557 |   font-size: 18px;
558 |   line-height: 25px;
559 |   text-align: center;
560 |   padding: 3em 0;
561 |   display: flex;
562 |   flex-direction: column;
563 |   width: 100%;
564 | }
565 | 
566 | .footer-legal img {
567 |   width: auto;
568 |   height: 15px;
569 |   filter: invert(100%);
570 | }
571 | 
572 | /* MEDIA QUERY IPAD */
573 | 
574 | @media only screen and (min-width: 768px) {
575 |   .container {
576 |     padding-top: 0;
577 |   }
578 | 
579 |   /* HEADER */
580 | 
581 |   .top-links {
582 |     display: flex;
583 |     justify-content: space-between;
584 |     height: 30px;
585 |     line-height: 30px;
586 |     font-size: 13px;
587 |     background-color: #131313;
588 |     width: 100%;
589 |     color: #555;
590 |     padding: 0;
591 |   }
592 | 
593 |   .top-links-left,
594 |   .top-links-right {
595 |     display: flex;
596 |     height: 100%;
597 |   }
598 | 
599 |   .top-links-left a,
600 |   .top-links-right a {
601 |     margin-left: 15px;
602 |   }
603 | 
604 |   .top-links-left > li:first-child {
605 |     color: rgba(255, 255, 255, 0.644);
606 |   }
607 | 
608 |   .top-links-left {
609 |     padding-left: 100px;
610 |   }
611 | 
612 |   .top-links-right {
613 |     padding-right: 18px;
614 |   }
615 | 
616 |   .top-center-ipad a {
617 |     padding-left: 10px;
618 |     color: grey;
619 |   }
620 | 
621 |   .right-side > a:last-child {
622 |     display: none;
623 |   }
624 | 
625 |   .top-center {
626 |     display: block;
627 |     width: 80vw;
628 |     padding-left: 15px;
629 |     color: #555;
630 |     font-size: 14px;
631 |     font-weight: 400;
632 |   }
633 | 
634 |   .top-center-ipad {
635 |     display: inline-flex;
636 |   }
637 | 
638 |   nav,
639 |   header,
640 |   .banner {
641 |     position: sticky;
642 |     top: 0;
643 |     width: 100%;
644 |   }
645 | 
646 |   /* MAIN ARTICLES */
647 | 
648 |   .main-articles {
649 |     grid-template-columns: 2fr 1fr;
650 |     grid-template-rows: 1fr 1fr;
651 |     column-gap: 10px;
652 |     row-gap: 10px;
653 |     margin: 5px auto;
654 |   }
655 | 
656 |   .main-article1 {
657 |     grid-row: 1/3;
658 |     grid-column: 1/1;
659 |   }
660 | 
661 |   .main-article1-text {
662 |     justify-content: flex-end;
663 |   }
664 | 
665 |   .main-article1-text h6 {
666 |     margin: 15px 0;
667 |   }
668 | 
669 |   .main-article1 > .main-article1-text > h3 > a:first-of-type {
670 |     font-size: 40px;
671 |     line-height: 1;
672 |   }
673 | 
674 |   /* LATEST NEWS */
675 | 
676 |   .latest-new {
677 |     grid-template-columns: repeat(3, 1fr);
678 |     grid-template-rows: 60px repeat(3, 1fr);
679 |   }
680 | 
681 |   .latest-news-title {
682 |     grid-column: 1/-1;
683 |   }
684 | 
685 |   .latest-news {
686 |     display: grid;
687 |     grid-template-rows: auto;
688 |     grid-template-columns: auto;
689 |   }
690 | 
691 |   .latest-news .one,
692 |   .latest-news .two,
693 |   .latest-news .three,
694 |   .latest-news .four,
695 |   .latest-news .five,
696 |   .latest-news .six,
697 |   .latest-news .seven,
698 |   .latest-news .eight {
699 |     display: grid;
700 |     grid-template-columns: 1fr;
701 |     grid-template-rows: 1fr 1fr 1fr;
702 |     padding: 8px;
703 |   }
704 | 
705 |   .latest-news-imgcontainer {
706 |     width: 100%;
707 |     height: 100%;
708 |     grid-row: 1/ 2;
709 |     grid-column: 1/-1;
710 |   }
711 | 
712 |   .latest-news-imgcontainer img {
713 |     object-fit: contain;
714 |     width: 100%;
715 |     height: 100%;
716 |   }
717 | 
718 |   .latest-news > h2 {
719 |     grid-column: 1/3;
720 |     grid-row: 1/1;
721 |   }
722 | 
723 |   .latest-news > h4 {
724 |     grid-column: 1/1;
725 |     grid-row: 3/3;
726 |     font-weight: bolder;
727 |     font-size: 14px;
728 |     padding-top: 15px;
729 |   }
730 | 
731 |   .latest-news > span {
732 |     grid-column: 1/1;
733 |     grid-row: 4/4;
734 |     font-size: 12px;
735 |     color: #aaa;
736 |     padding: 15px 0 20px 0;
737 |   }
738 | 
739 |   /* LATEST FUNDING */
740 | 
741 |   .latest-funding {
742 |     display: grid;
743 |     grid-template-columns: repeat(3, 1fr);
744 |     grid-template-rows: 50px 60px 40px 1fr;
745 |     column-gap: 10px;
746 |   }
747 | 
748 |   .latest-funding-header {
749 |     grid-column: 1/4;
750 |     grid-row: 1/1;
751 |   }
752 | 
753 |   .latest-funding1 {
754 |     grid-row: 4/4;
755 |     grid-column: 1/1;
756 |   }
757 | 
758 |   .latest-funding2 {
759 |     grid-row: 4/4;
760 |     grid-column: 2/2;
761 |   }
762 | 
763 |   .latest-funding3 {
764 |     grid-row: 4/4;
765 |     grid-column: 3/3;
766 |   }
767 | 
768 |   /* HARD FORK */
769 | 
770 |   .hard-fork,
771 |   .apps,
772 |   .gear,
773 |   .tech,
774 |   .creative,
775 |   .podium,
776 |   .insights,
777 |   .launch,
778 |   .distract {
779 |     width: 100%;
780 |     margin: 0;
781 |     padding: 0;
782 |     margin-bottom: 40px;
783 |   }
784 | 
785 |   .hard-fork-main {
786 |     height: 32vw;
787 |   }
788 | 
789 |   .wrapper {
790 |     display: grid;
791 |     grid-template-columns: repeat(2, 1fr);
792 |     column-gap: 20px;
793 |     margin: 30px 30px;
794 |   }
795 | 
796 |   /* DEALS */
797 | 
798 |   .deals {
799 |     display: grid;
800 |     grid-template-columns: repeat(3, 1fr);
801 |     grid-template-rows: 60px auto;
802 |   }
803 | 
804 |   .deals h2 {
805 |     grid-column: 1/-1;
806 |   }
807 | 
808 |   .deal1,
809 |   .deal2,
810 |   .deal3,
811 |   .deal4,
812 |   .deal5,
813 |   .deal6,
814 |   .deal7,
815 |   .deal8 {
816 |     display: grid;
817 |     grid-template-columns: 1fr;
818 |     grid-template-rows: 1fr 1fr 1fr;
819 |     column-gap: 15px;
820 |     padding: 8px;
821 |     overflow: hidden;
822 |   }
823 | 
824 |   .deal-imgconteiner {
825 |     position: relative;
826 |     overflow: hidden;
827 |     width: 100%;
828 |     height: 100%;
829 |     grid-row: 1/3;
830 |   }
831 | 
832 |   .deal-imgconteiner img {
833 |     object-fit: contain;
834 |     width: 100%;
835 |     height: 100%;
836 |   }
837 | 
838 |   .deal-imgconteiner > span {
839 |     display: block;
840 |     background-color: #fc0;
841 |     font-weight: bold;
842 |     position: absolute;
843 |     top: 0;
844 |     right: 0;
845 |     padding: 60px;
846 |     padding-bottom: 10px;
847 |     font-size: 12px;
848 |     margin-top: -25px;
849 |     margin-right: -75px;
850 |     transform: rotate(45deg);
851 |   }
852 | 
853 |   /* FOOTER */
854 | 
855 |   .footer-legal {
856 |     flex-direction: row;
857 |     justify-content: center;
858 |   }
859 | }
860 | 
861 | /* MEDIA QUERY LAPTOP */
862 | 
863 | @media only screen and (min-width: 1024px) {
864 |   .top-links-left {
865 |     padding-left: 10px;
866 |   }
867 | 
868 |   .top-center-laptop { display: flex; }
869 | 
870 |   .left-side {
871 |     display: none;
872 |   }
873 | 
874 |   .main-logo-media {
875 |     display: flex;
876 |     color: white;
877 |     justify-content: space-between;
878 |     box-shadow: inset 20px 80px 70px -20px rgba(255, 10, 10, 0.548);
879 |     min-height: 20vw;
880 |   }
881 | 
882 |   .date {
883 |     font-size: 14px;
884 |     margin: 10px;
885 |     width: 230px;
886 |   }
887 | 
888 |   .main-logo-mediaquery {
889 |     display: flex;
890 |     height: auto;
891 |     width: 60%;
892 |     object-fit: contain;
893 |     filter: invert(100%);
894 |     z-index: 1;
895 |     margin-top: -100px;
896 |   }
897 | 
898 |   .main-article1 {
899 |     flex-direction: column-reverse;
900 |     box-shadow: inset 20px 150px 190px 90px rgba(0, 0, 0, 0.8);
901 |   }
902 | 
903 |   .latest-new {
904 |     grid-template-columns: repeat(4, 1fr);
905 |     grid-template-rows: 60px auto;
906 |   }
907 | 
908 |   .latest-funding {
909 |     display: grid;
910 |     grid-template-columns: repeat(4, 1fr);
911 |     grid-template-rows: 50px 1fr;
912 |     column-gap: 10px;
913 |   }
914 | 
915 |   .latest-funding4 {
916 |     display: grid;
917 |     grid-template-rows: 38px auto 160px;
918 |     padding-top: 10px;
919 |     grid-row: 4/4;
920 |     grid-column: 4/4;
921 |   }
922 | 
923 |   .latest-funding-header {
924 |     grid-column: 1/-1;
925 |     display: inline-flex;
926 |     justify-content: space-between;
927 |     align-items: center;
928 |   }
929 | 
930 |   .sga {
931 |     display: inline-flex;
932 |     flex-direction: row-reverse;
933 |   }
934 | 
935 |   .sga > h4 {
936 |     font-weight: 500;
937 |     margin: 0 8px;
938 |   }
939 | 
940 |   .deal-text > h4 {
941 |     font-weight: 700;
942 |   }
943 | 
944 |   .sga > h4:not(:last-child) {
945 |     border-left: 1.5px solid #f42;
946 |     padding-left: 12px;
947 |   }
948 | 
949 |   .wrapper {
950 |     display: grid;
951 |     grid-template-columns: repeat(3, 1fr);
952 |     grid-auto-rows: auto;
953 |     column-gap: 20px;
954 |     margin: 30px 30px;
955 |   }
956 | 
957 |   .hard-fork-main {
958 |     height: 25vw;
959 |   }
960 | 
961 |   .deals {
962 |     grid-template-columns: repeat(4, 1fr);
963 |   }
964 | 
965 |   .main-article1 > .main-article1-text > h3 > a:first-of-type {
966 |     font-size: 56px;
967 |     line-height: 1;
968 |   }
969 | 
970 |   .deal-imgconteiner > span {
971 |     padding: 80px;
972 |     padding-bottom: 5px;
973 |     font-size: 16px;
974 |     margin-top: -30px;
975 |     margin-right: -85px;
976 |   }
977 | }
978 | 


--------------------------------------------------------------------------------
/index.html:
--------------------------------------------------------------------------------
  1 | <!DOCTYPE html>
  2 | <html lang="en">
  3 |     <head>
  4 |         <meta charset="UTF-8">
  5 |         <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6 |         <link rel="stylesheet" href="./assets/css/styles.css">
  7 |         <link rel="stylesheet" href="./assets/css/reset.css">
  8 |         <title>The Next Web</title>
  9 |         <script src="https://kit.fontawesome.com/0348c0adc9.js" crossorigin="anonymous"></script>
 10 |     </head>
 11 | 
 12 |     <body>
 13 |     <!-- HEADER -->
 14 |             <section class="top-links">
 15 |                 <ul class="top-links-left">
 16 |                     <li><a href="#">News</a></li>
 17 |                     <li><a href="#">Events</a></li>
 18 |                     <li><a href="#">Business</a></li>
 19 |                     <li><a href="#">AMAs</a></li>
 20 |                     <li><a href="#">Spaces</a></li>
 21 |                     <li><a href="#">Terms & Conditions</a></li>
 22 |                 </ul>
 23 |                 <ul class="top-links-right">
 24 |                     <li><a href="#">About</a></li>
 25 |                     <li><a href="#">Advertise</a></li>
 26 |                     <li><a href="#">Jobs</a></li>
 27 |                     <li><a href="#">Contact</a></li>
 28 |                 </ul>
 29 |             </section>
 30 |         <header>
 31 |     <!-- NAVBAR -->
 32 |         <section class="top-sticky">
 33 |             <nav>
 34 |                 <div class="left-side">
 35 |                 <a href="#">
 36 |                     <img src="./assets/img/tnw-logo.png" alt="TNW Logo">
 37 |                 </a>
 38 |                 </div>
 39 |                 <div class="top-center">
 40 |                     <ul class="top-center-ipad">
 41 |                         <li><a href="#">LATEST</a></li>
 42 |                         <li><a href="#">HARD FORK</a></li>
 43 |                         <li><a href="#">PLUGGED</a></li>
 44 |                         <li><a href="#">README</a></li>
 45 |                         <li><a href="#">GROWTH QUARTERS</a></li>
 46 |                         <li class="top-center-laptop"><a href="#">SHIFT</a></li>
 47 |                         <li class="top-center-laptop"><a href="#">NEURAL</a></li>
 48 |                     </ul>
 49 |                 </div>
 50 |                 <div class="right-side">
 51 |                     <a href="#"><i class="fas fa-search"></i></a>
 52 |                     <a href="#"><i class="fas fa-bars"></i></a>
 53 |                 </div>
 54 |             </nav>
 55 |             <!-- WARNING BANNER -->
 56 |             <section class="banner">
 57 |                 <a href="#">
 58 |                     <p>
 59 |                     So the pandemic rocked the economy – what's next? Find out at The Global Boardroom <i class="fas fa-long-arrow-alt-right"></i>
 60 |                     </p>
 61 |                 </a>
 62 |             </section>
 63 |         </section>
 64 |         </header> 
 65 | 
 66 |         <div class="container">
 67 |     <!-- MAIN -->
 68 |         <main class="main">
 69 |     <!-- MAIN ARTICLES -->
 70 |             <section class="main-articles">
 71 |                 <article class="main-article1">
 72 |                     <div class="main-logo-media">
 73 |                     <img class="main-logo-mediaquery" src="./assets/img/tnw-logo.png" alt="TNW Logo">
 74 |                     <div class="date">Wednesday-November 11, 2020</div>
 75 |                 </div>
 76 |                     <div class="main-article1-text">
 77 |                     <h5>WORLD</h5>
 78 |                     <h3><a href="#">Here’s what you need to know about Pfizer’s COVID-19 vaccine</a></h3>
 79 |                     <h6><a href="#">by Tristan Greene <i class="far fa-clock"></i> 1 hour ago <i class="fas fa-share-alt"></i> 0</a></h6>
 80 |                     </div>
 81 |                 </article>
 82 |                 <article class="main-article2">
 83 |                     <div class="main-article1-text">
 84 |                     <h5>WORLD</h5>
 85 |                     <h3><a href="#">Here’s what you need to know about Pfizer’s COVID-19 vaccine</a></h3>
 86 |                     <h6><a href="#">by Tristan Greene <i class="far fa-clock"></i> 1 hour ago <i class="fas fa-share-alt"></i> 0</a></h6>
 87 |                     </div>
 88 |                 </article>
 89 |                 <article class="main-article3">
 90 |                     <div class="main-article1-text">
 91 |                     <h5>WORLD</h5>
 92 |                     <h3><a href="#">Here’s what you need to know about Pfizer’s COVID-19 vaccine</a></h3>
 93 |                     <h6><a href="#">by Tristan Greene 1 hour ago 0</a></h6>
 94 |                     </div>
 95 |                 </article>
 96 |             </section>            
 97 |     <!-- LATEST NEWS -->                
 98 |         <section class="latest-new">
 99 |             <section class="latest-news-title">
100 |                 <h2>
101 |                     <a href="#">Latest news <i class="fas fa-angle-right"></i></a>
102 |                 </h2>
103 |             </section>
104 |             <article class="latest-news one">
105 |                 <div class="latest-news-imgcontainer">
106 |                 <img src="./assets/img/latest-article.jpg" alt="VPN">
107 |             </div>
108 |                 <h4>
109 |                     This VPN and password manager from Nord protects your web connection and passwords at over 70% off                    
110 |                 </h4>
111 |                 <span>
112 |                     <a href="#">TNW Deals</a> · 6 hours ago
113 |                 </span>
114 |             </article>
115 |             
116 |             <article class="latest-news two">
117 |                 <div class="latest-news-imgcontainer">
118 |                     <img src="./assets/img/latest-article.jpg" alt="VPN">
119 |                 </div>
120 |                 <h4>
121 |                     This VPN and password manager from Nord protects your web connection and passwords at over 70% off                    
122 |                 </h4>
123 |                 <span>
124 |                     <a href="#">TNW Deals</a> · 6 hours ago
125 |                 </span>
126 |             </article>
127 |             <article class="latest-news three">
128 |                 <div class="latest-news-imgcontainer">
129 |                     <img src="./assets/img/latest-article.jpg" alt="VPN">
130 |                 </div>
131 |                 <h4>
132 |                     This VPN and password manager from Nord protects your web connection and passwords at over 70% off                    
133 |                 </h4>
134 |                 <span>
135 |                     <a href="#">TNW Deals</a> · 6 hours ago
136 |                 </span>
137 |             </article>
138 |             <article class="latest-news four">
139 |                 <div class="latest-news-imgcontainer">
140 |                     <img src="./assets/img/latest-article.jpg" alt="VPN">
141 |                 </div>
142 |                 <h4>
143 |                     This VPN and password manager from Nord protects your web connection and passwords at over 70% off                    
144 |                 </h4>
145 |                 <span>
146 |                     <a href="#">TNW Deals</a> · 6 hours ago
147 |                 </span>
148 |             </article>
149 |             <article class="latest-news five">
150 |                 <div class="latest-news-imgcontainer">
151 |                     <img src="./assets/img/latest-article.jpg" alt="VPN">
152 |                 </div>
153 |                 <h4>
154 |                     This VPN and password manager from Nord protects your web connection and passwords at over 70% off                    
155 |                 </h4>
156 |                 <span>
157 |                     <a href="#">TNW Deals</a> · 6 hours ago
158 |                 </span>
159 |             </article>
160 |             <article class="latest-news six">
161 |                 <div class="latest-news-imgcontainer">
162 |                     <img src="./assets/img/latest-article.jpg" alt="VPN">
163 |                 </div>
164 |                 <h4>
165 |                     This VPN and password manager from Nord protects your web connection and passwords at over 70% off                    
166 |                 </h4>
167 |                 <span>
168 |                     <a href="#">TNW Deals</a> · 6 hours ago
169 |                 </span>
170 |             </article>
171 |             <article class="latest-news seven">
172 |                 <div class="latest-news-imgcontainer">
173 |                     <img src="./assets/img/latest-article.jpg" alt="VPN">
174 |                 </div>
175 |                 <h4>
176 |                     This VPN and password manager from Nord protects your web connection and passwords at over 70% off                    
177 |                 </h4>
178 |                 <span>
179 |                     <a href="#">TNW Deals</a> · 6 hours ago
180 |                 </span>
181 |             </article>
182 |             <article class="latest-news eight">
183 |                 <div class="latest-news-imgcontainer">
184 |                     <img src="./assets/img/latest-article.jpg" alt="VPN">
185 |                 </div>
186 |                 <h4>
187 |                     This VPN and password manager from Nord protects your web connection and passwords at over 70% off                    
188 |                 </h4>
189 |                 <span>
190 |                     <a href="#">TNW Deals</a> · 6 hours ago
191 |                 </span>
192 |             </article>                
193 |         </section>
194 | 
195 |     <!-- LATEST FUNDING -->
196 |         <section class="latest-funding">
197 |             <div class="latest-funding-header">
198 |                 <h2>
199 |                     <a href="#">Latest funding rounds on Index.co <i class="fas fa-angle-right"></i></a>
200 |                 </h2>
201 |                 <div class="sga">
202 |                 <h4>
203 |                     <a href="#">See more</a>
204 |                 </h4>
205 |                 <h4>
206 |                     <a href="#">Get updates by email</a>
207 |                 </h4>
208 |                 <h4>
209 |                     <a href="#">Add info</a>
210 |                 </h4>
211 |             </div>
212 |             </div>
213 | 
214 |             <article class="latest-funding1">
215 |                 <img src="./assets/img/latest-funding1.jpeg" alt="Galaxy Card">
216 |                 <h4 class="latest-funding-title"><a href="#">Galaxy Card</a></h4>
217 |                 <div class="latest-funding-subtitle">
218 |                     <h4><a href="#">Undisclosed amount</a></h4>
219 |                     <h5><a href="#">SEED FUND</a></h5>
220 |                 </div>
221 |                 <div class="latest-funding-info">
222 |                     <p>
223 |                     <a href="#"><i class="fas fa-tag"></i> Mobile, +2</a> 
224 |                     </p>
225 |                     <p>
226 |                     <a href="#"><i class="fas fa-briefcase"></i> Samyakth Capital</a>
227 |                     </p>
228 |                     <hr>
229 |                     <p>
230 |                     <a href="#"> Fintech startup GalaxyCard bags seed funding from Samyakth Capital, others <span>on VCCircle</span></a>
231 |                     </p>
232 |                 </div>
233 |             </article>
234 | 
235 |             <article class="latest-funding2">
236 |                 <img src="./assets/img/latest-funding1.jpeg" alt="Galaxy Card">
237 |                 <h4 class="latest-funding-title"> Galaxy Card</h4>
238 |                 <div class="latest-funding-subtitle">
239 |                     <h4>Undisclosed amount</h4>
240 |                     <h5>SEED FUND</h5>
241 |                 </div>
242 |                 <div class="latest-funding-info">
243 |                     <p>
244 |                     <a href="#"><i class="fas fa-tag"></i> Mobile, +2</a> 
245 |                     </p>
246 |                     <p>
247 |                     <a href="#"><i class="fas fa-briefcase"></i> Samyakth Capital</a>
248 |                     </p>
249 |                     <hr>
250 |                     <p>
251 |                     <a href="#"> Fintech startup GalaxyCard bags seed funding from Samyakth Capital, others <span>on VCCircle</span></a>
252 |                     </p>
253 |                 </div>
254 |             </article>
255 |             <article class="latest-funding3">
256 |                 <img src="./assets/img/latest-funding1.jpeg" alt="Galaxy Card">
257 |                 <h4 class="latest-funding-title"> Galaxy Card</h4>
258 |                 <div class="latest-funding-subtitle">
259 |                     <h4>Undisclosed amount</h4>
260 |                     <h5>SEED FUND</h5>
261 |                 </div>
262 |                 <div class="latest-funding-info">
263 |                     <p>
264 |                     <a href="#"><i class="fas fa-tag"></i> Mobile, +2</a> 
265 |                     </p>
266 |                     <p>
267 |                     <a href="#"><i class="fas fa-briefcase"></i> Samyakth Capital</a>
268 |                     </p>
269 |                     <hr>
270 |                     <p>
271 |                     <a href="#"> Fintech startup GalaxyCard bags seed funding from Samyakth Capital, others <span>on VCCircle</span></a>
272 |                     </p>
273 |                 </div>
274 |             </article>
275 | 
276 |             <article class="latest-funding4">
277 |                 <img src="./assets/img/latest-funding1.jpeg" alt="Galaxy Card">
278 |                 <h4 class="latest-funding-title"><a href="#">Galaxy Card</a></h4>
279 |                 <div class="latest-funding-subtitle">
280 |                     <h4><a href="#">Undisclosed amount</a></h4>
281 |                     <h5><a href="#">SEED FUND</a></h5>
282 |                 </div>
283 |                 <div class="latest-funding-info">
284 |                     <p>
285 |                     <a href="#"><i class="fas fa-tag"></i> Mobile, +2</a> 
286 |                     </p>
287 |                     <p>
288 |                     <a href="#"><i class="fas fa-briefcase"></i> Samyakth Capital</a>
289 |                     </p>
290 |                     <hr>
291 |                     <p>
292 |                     <a href="#"> Fintech startup GalaxyCard bags seed funding from Samyakth Capital, others <span>on VCCircle</span></a>
293 |                     </p>
294 |                 </div>
295 |             </article>
296 |         </section> 
297 |     <!-- WRAPPER -->
298 |     <div class="wrapper">
299 |     <!-- HARD FORK -->
300 |         <section class="hard-fork">
301 |             <h2>
302 |                 <a href="#">Hard Fork <i class="fas fa-angle-right"></i></a>
303 |             </h2>
304 |             <article class="hard-fork-main">
305 |                 <div class="hard-fork-text">
306 |                 <h5>MOST POPULAR</h5>
307 |                 <a href="#">
308 |                     <h3>Is Bitcoin a good hedge against the market? It depends on your horizon</h3>
309 |                 </a>
310 |                 <span>
311 |                     <a href="#">Yaron Yitzhak</a> · 3 days ago
312 |                 </span>
313 |                 </div>          
314 |             </article>
315 |             <br>           
316 |             <article class="hard-fork-latest">
317 |                 <div class="hard-fork-latest-text">
318 |                 <h5>LATEST</h5>
319 |                 <h5><a href="#">After two years in test mode, WhatsApp Pay finally launches in India</a></h5>
320 |                 </div>
321 |                 <img src="./assets/img/hard-fork-latest.jpeg" alt="WhatsApp Pay">
322 |             </article>
323 |             <ul class="hard-fork-list">
324 |                 <li>
325 |                     <a href="#">Tesla short sellers have lost $27B betting against Elon Musk this year</a>
326 |                 </li>
327 |                 <li>
328 |                     <a href="#">Elon ‘own no home’ Musk sells Gene Wilder’s old pad — 5 properties to go</a>
329 |                 </li>
330 |                 <li>
331 |                     <a href="#">Xilinx stock goes up, AMD stock goes down after $35B buyout</a>
332 |                 </li>
333 |                 <li>
334 |                     <a href="#">Bitcoin rally sends world's top cryptocurrency ahead of gold and silver</a>
335 |                 </li>
336 |                 <li>
337 |                     <a href="#">PayPal to support Bitcoin and other crypto — but merchants must use fiat</a>
338 |                 </li>
339 |             </ul>
340 |         </section>
341 | 
342 |     <!-- APPS -->
343 |         <section class="apps">
344 |             <h2>
345 |                 <a href="#">Hard Fork <i class="fas fa-angle-right"></i></a>
346 |             </h2>
347 |             <article class="hard-fork-main">
348 |                 <div class="hard-fork-text">
349 |                 <h5>MOST POPULAR</h5>
350 |                 <a href="#">
351 |                     <h3>Is Bitcoin a good hedge against the market? It depends on your horizon</h3>
352 |                 </a>
353 |                 <span>
354 |                     <a href="#">Yaron Yitzhak</a> · 3 days ago
355 |                 </span>
356 |                 </div>          
357 |             </article>
358 |             <br>
359 |             <article class="hard-fork-latest">
360 |                 <div class="hard-fork-latest-text">
361 |                 <h5>LATEST</h5>
362 |                 <h5><a href="#">After two years in test mode, WhatsApp Pay finally launches in India</a></h5>
363 |                 </div>
364 |                 <img src="./assets/img/hard-fork-latest.jpeg" alt="WhatsApp Pay">
365 |             </article>
366 |             <ul class="hard-fork-list">
367 |                 <li>
368 |                     <a href="#">Tesla short sellers have lost $27B betting against Elon Musk this year</a>
369 |                 </li>
370 |                 <li>
371 |                     <a href="#">Elon ‘own no home’ Musk sells Gene Wilder’s old pad — 5 properties to go</a>
372 |                 </li>
373 |                 <li>
374 |                     <a href="#">Xilinx stock goes up, AMD stock goes down after $35B buyout</a>
375 |                 </li>
376 |                 <li>
377 |                     <a href="#">Bitcoin rally sends world's top cryptocurrency ahead of gold and silver</a>
378 |                 </li>
379 |                 <li>
380 |                     <a href="#">PayPal to support Bitcoin and other crypto — but merchants must use fiat</a>
381 |                 </li>
382 |             </ul>
383 |         </section>
384 |     <!-- GEAR -->
385 |         <section class="gear">
386 |             <h2>
387 |                 <a href="#">Hard Fork <i class="fas fa-angle-right"></i></a>
388 |             </h2>
389 |             <article class="hard-fork-main">
390 |                 <div class="hard-fork-text">
391 |                 <h5>MOST POPULAR</h5>
392 |                 <a href="#">
393 |                     <h3>Is Bitcoin a good hedge against the market? It depends on your horizon</h3>
394 |                 </a>
395 |                 <span>
396 |                     <a href="#">Yaron Yitzhak</a> · 3 days ago
397 |                 </span>
398 |                 </div>          
399 |             </article>
400 |             <br>
401 |             <article class="hard-fork-latest">
402 |                 <div class="hard-fork-latest-text">
403 |                 <h5>LATEST</h5>
404 |                 <h5><a href="#">After two years in test mode, WhatsApp Pay finally launches in India</a></h5>
405 |                 </div>
406 |                 <img src="./assets/img/hard-fork-latest.jpeg" alt="WhatsApp Pay">
407 |             </article>
408 |             <ul class="hard-fork-list">
409 |                 <li>
410 |                     <a href="#">Tesla short sellers have lost $27B betting against Elon Musk this year</a>
411 |                 </li>
412 |                 <li>
413 |                     <a href="#">Elon ‘own no home’ Musk sells Gene Wilder’s old pad — 5 properties to go</a>
414 |                 </li>
415 |                 <li>
416 |                     <a href="#">Xilinx stock goes up, AMD stock goes down after $35B buyout</a>
417 |                 </li>
418 |                 <li>
419 |                     <a href="#">Bitcoin rally sends world's top cryptocurrency ahead of gold and silver</a>
420 |                 </li>
421 |                 <li>
422 |                     <a href="#">PayPal to support Bitcoin and other crypto — but merchants must use fiat</a>
423 |                 </li>
424 |             </ul>
425 |         </section>
426 |     <!-- TECH -->
427 |         <section class="tech">
428 |             <h2>
429 |                 <a href="#">Hard Fork <i class="fas fa-angle-right"></i></a>
430 |             </h2>
431 |             <article class="hard-fork-main">
432 |                 <div class="hard-fork-text">
433 |                 <h5>MOST POPULAR</h5>
434 |                 <a href="#">
435 |                     <h3>Is Bitcoin a good hedge against the market? It depends on your horizon</h3>
436 |                 </a>
437 |                 <span>
438 |                     <a href="#">Yaron Yitzhak</a> · 3 days ago
439 |                 </span>
440 |                 </div>          
441 |             </article>
442 |             <br>
443 |             <article class="hard-fork-latest">
444 |                 <div class="hard-fork-latest-text">
445 |                 <h5>LATEST</h5>
446 |                 <h5><a href="#">After two years in test mode, WhatsApp Pay finally launches in India</a></h5>
447 |                 </div>
448 |                 <img src="./assets/img/hard-fork-latest.jpeg" alt="WhatsApp Pay">
449 |             </article>
450 |             <ul class="hard-fork-list">
451 |                 <li>
452 |                     <a href="#">Tesla short sellers have lost $27B betting against Elon Musk this year</a>
453 |                 </li>
454 |                 <li>
455 |                     <a href="#">Elon ‘own no home’ Musk sells Gene Wilder’s old pad — 5 properties to go</a>
456 |                 </li>
457 |                 <li>
458 |                     <a href="#">Xilinx stock goes up, AMD stock goes down after $35B buyout</a>
459 |                 </li>
460 |                 <li>
461 |                     <a href="#">Bitcoin rally sends world's top cryptocurrency ahead of gold and silver</a>
462 |                 </li>
463 |                 <li>
464 |                     <a href="#">PayPal to support Bitcoin and other crypto — but merchants must use fiat</a>
465 |                 </li>
466 |             </ul>
467 |         </section>
468 |     <!-- CREATIVE -->
469 |         <section class="creative">
470 |             <h2>
471 |                 <a href="#">Hard Fork <i class="fas fa-angle-right"></i></a>
472 |             </h2>
473 |             <article class="hard-fork-main">
474 |                 <div class="hard-fork-text">
475 |                 <h5>MOST POPULAR</h5>
476 |                 <a href="#">
477 |                     <h3>Is Bitcoin a good hedge against the market? It depends on your horizon</h3>
478 |                 </a>
479 |                 <span>
480 |                     <a href="#">Yaron Yitzhak</a> · 3 days ago
481 |                 </span>
482 |                 </div>          
483 |             </article>
484 |             <br>
485 |             <article class="hard-fork-latest">
486 |                 <div class="hard-fork-latest-text">
487 |                 <h5>LATEST</h5>
488 |                 <h5><a href="#">After two years in test mode, WhatsApp Pay finally launches in India</a></h5>
489 |                 </div>
490 |                 <img src="./assets/img/hard-fork-latest.jpeg" alt="WhatsApp Pay">
491 |             </article>
492 |             <ul class="hard-fork-list">
493 |                 <li>
494 |                     <a href="#">Tesla short sellers have lost $27B betting against Elon Musk this year</a>
495 |                 </li>
496 |                 <li>
497 |                     <a href="#">Elon ‘own no home’ Musk sells Gene Wilder’s old pad — 5 properties to go</a>
498 |                 </li>
499 |                 <li>
500 |                     <a href="#">Xilinx stock goes up, AMD stock goes down after $35B buyout</a>
501 |                 </li>
502 |                 <li>
503 |                     <a href="#">Bitcoin rally sends world's top cryptocurrency ahead of gold and silver</a>
504 |                 </li>
505 |                 <li>
506 |                     <a href="#">PayPal to support Bitcoin and other crypto — but merchants must use fiat</a>
507 |                 </li>
508 |             </ul>
509 |         </section>
510 |     <!-- PODIUM -->
511 |         <section class="podium">
512 |             <h2>
513 |                 <a href="#">Hard Fork <i class="fas fa-angle-right"></i></a>
514 |             </h2>
515 |             <article class="hard-fork-main">
516 |                 <div class="hard-fork-text">
517 |                 <h5>MOST POPULAR</h5>
518 |                 <a href="#">
519 |                     <h3>Is Bitcoin a good hedge against the market? It depends on your horizon</h3>
520 |                 </a>
521 |                 <span>
522 |                     <a href="#">Yaron Yitzhak</a> · 3 days ago
523 |                 </span>
524 |                 </div>          
525 |             </article>
526 |             <br>
527 |             <article class="hard-fork-latest">
528 |                 <div class="hard-fork-latest-text">
529 |                 <h5>LATEST</h5>
530 |                 <h5><a href="#">After two years in test mode, WhatsApp Pay finally launches in India</a></h5>
531 |                 </div>
532 |                 <img src="./assets/img/hard-fork-latest.jpeg" alt="WhatsApp Pay">
533 |             </article>
534 |             <ul class="hard-fork-list">
535 |                 <li>
536 |                     <a href="#">Tesla short sellers have lost $27B betting against Elon Musk this year</a>
537 |                 </li>
538 |                 <li>
539 |                     <a href="#">Elon ‘own no home’ Musk sells Gene Wilder’s old pad — 5 properties to go</a>
540 |                 </li>
541 |                 <li>
542 |                     <a href="#">Xilinx stock goes up, AMD stock goes down after $35B buyout</a>
543 |                 </li>
544 |                 <li>
545 |                     <a href="#">Bitcoin rally sends world's top cryptocurrency ahead of gold and silver</a>
546 |                 </li>
547 |                 <li>
548 |                     <a href="#">PayPal to support Bitcoin and other crypto — but merchants must use fiat</a>
549 |                 </li>
550 |             </ul>
551 |         </section>
552 |     <!-- INSIGHTS -->
553 |         <section class="insights">
554 |             <h2>
555 |                 <a href="#">Hard Fork <i class="fas fa-angle-right"></i></a>
556 |             </h2>
557 |             <article class="hard-fork-main">
558 |                 <div class="hard-fork-text">
559 |                 <h5>MOST POPULAR</h5>
560 |                 <a href="#">
561 |                     <h3>Is Bitcoin a good hedge against the market? It depends on your horizon</h3>
562 |                 </a>
563 |                 <span>
564 |                     <a href="#">Yaron Yitzhak</a> · 3 days ago
565 |                 </span>
566 |                 </div>          
567 |             </article>
568 |             <br>
569 |             <article class="hard-fork-latest">
570 |                 <div class="hard-fork-latest-text">
571 |                 <h5>LATEST</h5>
572 |                 <h5><a href="#">After two years in test mode, WhatsApp Pay finally launches in India</a></h5>
573 |                 </div>
574 |                 <img src="./assets/img/hard-fork-latest.jpeg" alt="WhatsApp Pay">
575 |             </article>
576 |             <ul class="hard-fork-list">
577 |                 <li>
578 |                     <a href="#">Tesla short sellers have lost $27B betting against Elon Musk this year</a>
579 |                 </li>
580 |                 <li>
581 |                     <a href="#">Elon ‘own no home’ Musk sells Gene Wilder’s old pad — 5 properties to go</a>
582 |                 </li>
583 |                 <li>
584 |                     <a href="#">Xilinx stock goes up, AMD stock goes down after $35B buyout</a>
585 |                 </li>
586 |                 <li>
587 |                     <a href="#">Bitcoin rally sends world's top cryptocurrency ahead of gold and silver</a>
588 |                 </li>
589 |                 <li>
590 |                     <a href="#">PayPal to support Bitcoin and other crypto — but merchants must use fiat</a>
591 |                 </li>
592 |             </ul>
593 |         </section>
594 |     <!-- LAUNCH -->
595 |         <section class="launch">
596 |             <h2>
597 |                 <a href="#">Hard Fork <i class="fas fa-angle-right"></i></a>
598 |             </h2>
599 |             <article class="hard-fork-main">
600 |                 <div class="hard-fork-text">
601 |                 <h5>MOST POPULAR</h5>
602 |                 <a href="#">
603 |                     <h3>Is Bitcoin a good hedge against the market? It depends on your horizon</h3>
604 |                 </a>
605 |                 <span>
606 |                     <a href="#">Yaron Yitzhak</a> · 3 days ago
607 |                 </span>
608 |                 </div>          
609 |             </article>
610 |             <br>
611 |             <article class="hard-fork-latest">
612 |                 <div class="hard-fork-latest-text">
613 |                 <h5>LATEST</h5>
614 |                 <h5><a href="#">After two years in test mode, WhatsApp Pay finally launches in India</a></h5>
615 |                 </div>
616 |                 <img src="./assets/img/hard-fork-latest.jpeg" alt="WhatsApp Pay">
617 |             </article>
618 |             <ul class="hard-fork-list">
619 |                 <li>
620 |                     <a href="#">Tesla short sellers have lost $27B betting against Elon Musk this year</a>
621 |                 </li>
622 |                 <li>
623 |                     <a href="#">Elon ‘own no home’ Musk sells Gene Wilder’s old pad — 5 properties to go</a>
624 |                 </li>
625 |                 <li>
626 |                     <a href="#">Xilinx stock goes up, AMD stock goes down after $35B buyout</a>
627 |                 </li>
628 |                 <li>
629 |                     <a href="#">Bitcoin rally sends world's top cryptocurrency ahead of gold and silver</a>
630 |                 </li>
631 |                 <li>
632 |                     <a href="#">PayPal to support Bitcoin and other crypto — but merchants must use fiat</a>
633 |                 </li>
634 |             </ul>
635 |         </section>
636 |     <!-- DISTRACT -->
637 |         <section class="distract">
638 |             <h2>
639 |                 <a href="#">Hard Fork <i class="fas fa-angle-right"></i></a>
640 |             </h2>
641 |             <article class="hard-fork-main">
642 |                 <div class="hard-fork-text">
643 |                 <h5>MOST POPULAR</h5>
644 |                 <a href="#">
645 |                     <h3>Is Bitcoin a good hedge against the market? It depends on your horizon</h3>
646 |                 </a>
647 |                 <span>
648 |                     <a href="#">Yaron Yitzhak</a> · 3 days ago
649 |                 </span>
650 |                 </div>          
651 |             </article>
652 |             <br>
653 |             <article class="hard-fork-latest">
654 |                 <div class="hard-fork-latest-text">
655 |                 <h5>LATEST</h5>
656 |                 <h5><a href="#">After two years in test mode, WhatsApp Pay finally launches in India</a></h5>
657 |                 </div>
658 |                 <img src="./assets/img/hard-fork-latest.jpeg" alt="WhatsApp Pay">
659 |             </article>
660 |             <ul class="hard-fork-list">
661 |                 <li>
662 |                     <a href="#">Tesla short sellers have lost $27B betting against Elon Musk this year</a>
663 |                 </li>
664 |                 <li>
665 |                     <a href="#">Elon ‘own no home’ Musk sells Gene Wilder’s old pad — 5 properties to go</a>
666 |                 </li>
667 |                 <li>
668 |                     <a href="#">Xilinx stock goes up, AMD stock goes down after $35B buyout</a>
669 |                 </li>
670 |                 <li>
671 |                     <a href="#">Bitcoin rally sends world's top cryptocurrency ahead of gold and silver</a>
672 |                 </li>
673 |                 <li>
674 |                     <a href="#">PayPal to support Bitcoin and other crypto — but merchants must use fiat</a>
675 |                 </li>
676 |             </ul>
677 |         </section>
678 |     <!-- END OF WRAPPER -->
679 |     </div>
680 |     <!-- LATEST DEALS -->
681 |         <section class="deals">
682 |             <h2>
683 |                 <a href="#"> Latest deals <i class="fas fa-angle-right"></i></a><a href="#"><span>See all Deals</span></a>
684 |             </h2>
685 | 
686 |             <article class="deal1">
687 |                 <div class="deal-imgconteiner">
688 |                     <span>90% OFF</span>
689 |                     <img src="./assets/img/deals.jpg" alt="Hushed">
690 |                 </div>
691 |                 <div class="deal-text">
692 |                     <h4>
693 |                         <a href="#">Hushed Private Phone Line: Lifetime Subscription</a>
694 |                     </h4>
695 |                     <h5><del>$150</del><span>$19.99</span></h5>
696 |                 </div>       
697 |             </article>
698 |             <article class="deal2">
699 |                 <div class="deal-imgconteiner">
700 |                     <span>90% OFF</span>
701 |                     <img src="./assets/img/deals.jpg" alt="Hushed">
702 |                 </div>
703 |                 <div class="deal-text">
704 |                     <h4>
705 |                         <a href="#">Hushed Private Phone Line: Lifetime Subscription</a>
706 |                     </h4>
707 |                     <h5><del>$150</del><span>$19.99</span></h5>
708 |                 </div>       
709 |             </article>
710 |             <article class="deal3">
711 |                 <div class="deal-imgconteiner">
712 |                     <span>90% OFF</span>
713 |                     <img src="./assets/img/deals.jpg" alt="Hushed">
714 |                 </div>
715 |                 <div class="deal-text">
716 |                     <h4>
717 |                         <a href="#">Hushed Private Phone Line: Lifetime Subscription</a>
718 |                     </h4>
719 |                     <h5><del>$150</del><span>$19.99</span></h5>
720 |                 </div>       
721 |             </article>
722 |             <article class="deal4">
723 |                 <div class="deal-imgconteiner">
724 |                     <span>90% OFF</span>
725 |                     <img src="./assets/img/deals.jpg" alt="Hushed">
726 |                 </div>
727 |                 <div class="deal-text">
728 |                     <h4>
729 |                         <a href="#">Hushed Private Phone Line: Lifetime Subscription</a>
730 |                     </h4>
731 |                     <h5><del>$150</del><span>$19.99</span></h5>
732 |                 </div>       
733 |             </article>
734 |             <article class="deal5">
735 |                 <div class="deal-imgconteiner">
736 |                     <span>90% OFF</span>
737 |                     <img src="./assets/img/deals.jpg" alt="Hushed">
738 |                 </div>
739 |                 <div class="deal-text">
740 |                     <h4>
741 |                         <a href="#">Hushed Private Phone Line: Lifetime Subscription</a>
742 |                     </h4>
743 |                     <h5><del>$150</del><span>$19.99</span></h5>
744 |                 </div>       
745 |             </article>
746 |             <article class="deal6">
747 |                 <div class="deal-imgconteiner">
748 |                     <span>90% OFF</span>
749 |                     <img src="./assets/img/deals.jpg" alt="Hushed">
750 |                 </div>
751 |                 <div class="deal-text">
752 |                     <h4>
753 |                         <a href="#">Hushed Private Phone Line: Lifetime Subscription</a>
754 |                     </h4>
755 |                     <h5><del>$150</del><span>$19.99</span></h5>
756 |                 </div>       
757 |             </article>
758 |             <article class="deal7">
759 |                 <div class="deal-imgconteiner">
760 |                     <span>90% OFF</span>
761 |                     <img src="./assets/img/deals.jpg" alt="Hushed">
762 |                 </div>
763 |                 <div class="deal-text">
764 |                     <h4>
765 |                         <a href="#">Hushed Private Phone Line: Lifetime Subscription</a>
766 |                     </h4>
767 |                     <h5><del>$150</del><span>$19.99</span></h5>
768 |                 </div>       
769 |             </article>
770 |             <article class="deal8">
771 |                 <div class="deal-imgconteiner">
772 |                     <span>90% OFF</span>
773 |                     <img src="./assets/img/deals.jpg" alt="Hushed">
774 |                 </div>
775 |                 <div class="deal-text">
776 |                     <h4>
777 |                         <a href="#">Hushed Private Phone Line: Lifetime Subscription</a>
778 |                     </h4>
779 |                     <h5><del>$150</del><span>$19.99</span></h5>
780 |                 </div>       
781 |             </article>
782 | 
783 |         </section>
784 |     <!-- FOOTER -->
785 |         <footer>
786 |             <section class="footer-more">
787 |                 <div class="footer-social">
788 |                     <a href="#"><i class="fab fa-facebook-square"></i></a>
789 |                     <a href="#"><i class="fab fa-twitter"></i></a>
790 |                     <a href="#"><i class="fab fa-youtube"></i></a>
791 |                     <a href="#"><i class="fab fa-instagram"></i></a>
792 |                     <a href="#"><i class="fab fa-pinterest-p"></i></a>
793 |                     <a href="#"><i class="fas fa-envelope"></i></a>
794 |                 </div>
795 |                 <ul class="footer-links">
796 |                     <li><a href="#">EVENTS</a></li>
797 |                     <li><a href="#">ABOUT</a></li>
798 |                     <li><a href="#">ADVERTISE</a></li>
799 |                     <li><a href="#">JOBS</a></li>
800 |                     <li><a href="#">CONTACT</a></li>
801 |                 </ul>
802 |             </section>
803 |             <section class="footer-legal">
804 |                 <span>
805 |                     <a href="#"><img src="./assets/img/tnw-logo.png" alt="TNW Logo"></a> © 2006–2020 The Next Web B.V.
806 |                 </span>
807 |                 <span>
808 |                     Made with &lt;3 in Amsterdam.
809 |                 </span>
810 |                 <span>
811 |                     Powered by <a href="#"><img src="./assets/img/stackpath-logo.png" alt="Stackpath"></a>
812 |                 </span>
813 |         </section>
814 |         </footer>
815 |     </main>
816 |     </div>
817 |     </body>
818 | </html>


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