Bootcamp
Study group
Collaborate with peers in your dedicated #study-group channel.
Code reviews
Submit projects for review using the /review command in your #code-reviews channel
<!doctype html>
<html>
<head>
<title></title>
<link rel="stylesheet" href="index.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Aleo:wght@400;700&Open+Sans:wght@300;400;600;700&display=swap" rel="stylesheet">
</head>
<body>
<main class="grid">
<article class="featured-article">
<div class="featured-article-text">
<h2><span class="live"> LIVE</span>Royal family to open new children's hospital</h2>
<p>
The royal family to open up a new hospital dedicated to helping children across the UK using specialist equipment.
</p>
<div class="meta-info">
<span class="category">UK</span>
</div>
</div>
<div class="featured-article-img">
<!-- Image Credit: https://unsplash.com/@solenfeyissa -->
<img src="assets/hospital.jpg" alt="hospital entrance">
</div>
</article>
<article class="second-row">
<ul>
<li>Who are the royal family?</li>
</ul>
</article>
<article class="regular-article">
<!-- Image Credit: https://unsplash.com/@pixeldan -->
<img src="assets/train.jpg" alt="train at station">
<h3>New highspeed railway announced</h3>
<p>
A new railway linking London to Portsmouth is under construction, due to be completed in 2074.
</p>
<div class="meta-info">
<img class="icon" src="assets/clock-regular.svg"/>
<span class="time">1h </span>
<span class="divider">|</span>
<span class="category"> Travel </span>
</div>
</article>
<article class="regular-article">
<!-- Image Credit: https://unsplash.com/@spacex -->
<img src="assets/rockets.jpg" alt="two rockets landing"/>
<h3>SpaceX lands two rockets at once</h3>
<p>
SpaceX has completed the feat of landing two rockets side-by-side simultaneously.
</p>
<div class="meta-info">
<img class="icon" src="assets/clock-regular.svg"/>
<span class="time">4h </span>
<span class="divider">|</span>
<span class="category"> Science </span>
</div>
</article>
<article class="regular-article">
<!-- Image Credit: https://unsplash.com/@ethanrwilkinson -->
<img src="assets/police.jpg" alt="police"/>
<h3>Police stopped demonstration in London</h3>
<p>
A demonstration has been halted by police after riots broke out in central London.
</p>
<div class="meta-info">
<img class="icon" src="assets/clock-regular.svg"/>
<span class="time">9h </span>
<span class="divider">|</span>
<span class="category"> UK </span>
</div>
</article>
<article class="regular-article">
<!-- Image Credit: https://unsplash.com/@markusspiske -->
<img src="assets/cyclists.jpg" alt="sports cyclists on a road"/>
<h3>Tour de France - the story of this year's race</h3>
<p>
A stage-by-stage guide to this year's dramatic Tour de France, including commentary from experts.
</p>
<div class="meta-info">
<img class="icon" src="assets/clock-regular.svg"/>
<span class="time">8h </span>
<span class="divider">|</span>
<span class="category"> Sports </span>
</div>
</article>
<article class="regular-article">
<img src="assets/eggs.jpg" alt="eggs in a box"/>
<!-- Image Credit: https://unsplash.com/@morganeper -->
<h3>Eggs and margarine drive food inflation over 17%</h3>
<p>
Rising prices put more pressure on households, with one in four shoppers struggling, research finds.
</p>
<div class="meta-info">
<img class="icon" src="assets/clock-regular.svg"/>
<span class="time">1h </span>
<span class="divider">|</span>
<span class="category"> Business </span>
</div>
</article>
</main>
</body>
</html>
