dqnid/advanced-css
1
0 Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

new lesson

Browse Source
This commit is contained in:
dqnid committed 2024-01-14 16:42:47 +01:00
1 parent fe912888e4
commit 445aec6f5f
3160 files changed
+332 -316563
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

Natours/starter/index.html
+93 -5
View File
@@ -1,4 +1,4 @@
<!DOCTYPE html>
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
@@ -141,13 +141,101 @@
<div class="row">
<div class="col-1-of-3">
<div class="card">
<div class="card__side card__side--front">TEXT</div>
<div class="card__side card__side--back">TEXT</div>
<div class="card__side card__side--front">
<div class="card__picture card__picture--1">&nbsp;</div>
<h4 class="card__heading">
<span class="card__heading--span card__heading--span--1">
The sea Explorer
</span>
</h4>
<div class="card__details">
<ul>
<li>3 day tours</li>
<li>Up to 30 people</li>
<li>2 tour guides</li>
<li>Sleep in cozy hotels</li>
<li>Difficulty: easy</li>
</ul>
</div>
</div>
<div class="card__side card__side--back card__side--back-1">
<div class="card__cta">
<div class="card__price-box">
<p class="card__price-only">Only</p>
<p class="card__price-value">$279</p>
</div>
<a href="#" class="btn btn--white">Book now!</a>
</div>
</div>
</div>
</div>
<div class="col-1-of-3">
<div class="card">
<div class="card__side card__side--front">
<div class="card__picture card__picture--2">&nbsp;</div>
<h4 class="card__heading">
<span class="card__heading--span card__heading--span--2">
The Forest Hiker
</span>
</h4>
<div class="card__details">
<ul>
<li>7 day tour</li>
<li>Up to 40 people</li>
<li>6 tour guides</li>
<li>Sleep in provided tents</li>
<li>Difficulty: medium</li>
</ul>
</div>
</div>
<div class="card__side card__side--back card__side--back-2">
<div class="card__cta">
<div class="card__price-box">
<p class="card__price-only">Only</p>
<p class="card__price-value">$279</p>
</div>
<a href="#" class="btn btn--white">Book now!</a>
</div>
</div>
</div>
</div>
<div class="col-1-of-3">
<div class="card">
<div class="card__side card__side--front">
<div class="card__picture card__picture--3">&nbsp;</div>
<h4 class="card__heading">
<span class="card__heading--span card__heading--span--3">
The snow adventurer
</span>
</h4>
<div class="card__details">
<ul>
<li>5 day tour</li>
<li>Up to 15 people</li>
<li>3 tour guides</li>
<li>Sleep in provided tents</li>
<li>Difficulty: hard</li>
</ul>
</div>
</div>
<div class="card__side card__side--back card__side--back-3">
<div class="card__cta">
<div class="card__price-box">
<p class="card__price-only">Only</p>
<p class="card__price-value">$279</p>
</div>
<a href="#" class="btn btn--white">Book now!</a>
</div>
</div>
</div>
</div>
<div class="col-1-of-3">Col 1 of 3</div>
<div class="col-1-of-3">Col 1 of 3</div>
</div>
<div class="u-center-text u-margin-top-huge">
<a href="#" class="btn btn--green">Discover all tours</a>
</div>
</section>
</main>