|
<!DOCTYPE html> |
|
<html lang="en" dir="ltr"> |
|
<head> |
|
<head> |
|
<title>Crypto Reports</title> |
|
<meta name="viewport" content="width=device-width, initial-scale=1"> |
|
<meta http-equiv="X-UA-Compatible" content="ie-edge"> |
|
<link rel="stylesheet" type="text/css" href="./styles/style.css"> |
|
<meta charset="utf-8"> |
|
<meta name="theme-color" content="#f1f1f1"> |
|
<meta name="description" content="cryptocurrency price and news aggregator"> |
|
<meta name="keywords" content="crypto currency bitcoin ethereum price quote news"> |
|
<meta name="john, karam, shadi" content=""> |
|
<link href='https://fonts.googleapis.com/css?family=Sniglet' rel='stylesheet'> |
|
<link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Playfair+Display" /> |
|
</head> |
|
<body> |
|
<div id="header"> |
|
<h1>Crypto Reports</h1> |
|
<p> The best Crypto Currency news site</p> |
|
<div id="moving-header" > |
|
<p id="moving-header1" ></p> |
|
</div> |
|
<div id="content-container"> |
|
<div class="box" > |
|
<h3 id="box1"></h3> |
|
<p id="description1"></p> |
|
<div class="bottom"> |
|
<img src="" id="boximg1" alt="News report"> |
|
<a href="#" id="url1"> |
|
<button>Read more.</button> |
|
</a> |
|
</div> |
|
</div> |
|
<div class="box"> |
|
<h3 id="box2"></h3> |
|
<p id="description2"></p> |
|
<div class="bottom"> |
|
<img src="" id="boximg2" alt="News report"> |
|
<a href="#" id="url2"> |
|
<button>Read more.</button> |
|
</a> |
|
</div> |
|
</div> |
|
<div class="box" > |
|
<h3 id="box3"></h3> |
|
<p id="description3"></p> |
|
<div class="bottom"> |
|
<img src="" id="boximg3" alt="News report"> |
|
<a href="#" id="url3"> |
|
<button>Read more.</button> |
|
</a> |
|
</div> |
|
</div> |
|
<div class="box" > |
|
<h3 id="box4"></h3> |
|
<p id="description4"></p> |
|
<div class="bottom"> |
|
<img src="" id="boximg4" alt="News report"> |
|
<a href="#" id="url4"> |
|
<button>Read more.</button> |
|
</a> |
|
</div> |
|
</div> |
|
<div class="box" > |
|
<h3 id="box5"></h3> |
|
<p id="description5"></p> |
|
<div class="bottom"> |
|
<img src="" id="boximg5" alt="News report"> |
|
<a href="#" id="url5"> |
|
<button>Read more.</button> |
|
</a> |
|
</div> |
|
</div> |
|
<div class="box"> |
|
<h3 id="box6"></h3> |
|
<p id="description6"></p> |
|
<div class="bottom"> |
|
<img src="" id="boximg6" alt="News report"> |
|
<a href="#" id="url6"> |
|
<button>Read more.</button> |
|
</a> |
|
</div> |
|
</div> |
|
</div> |
|
</div> |
|
</div> |
|
</div> |
|
<script type="text/javascript" src="./scripts/news.js"></script> |
|
<script type="text/javascript" src="./scripts/main.js"></script> |
|
<script type="text/javascript" src="./scripts/geolocate.js"></script> |
|
<script type="text/javascript" src="./scripts/crypt.js"></script> |
|
</body> |
|
</html> |
Use Semantic Elements in HTML
CryptoReports/index.html
Lines 1 to 94 in f85cf2b
https://www.w3schools.com/html/html5_semantic_elements.asp