<html>

<head>
	<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=Lato:wght@400;700&family=UnifrakturMaguntia&display=swap" rel="stylesheet">
</head>

<body>
	<header>
		<h1>The Scrimba Times</h1>
	</header>
	<main>
		<article>
			<h2>Facebook fails to buy Scrimba</h2>
			Scrimba management today turned down a $15bn offer from Mark Zuckerberg on the basis that Facebook is actually quite annoying... <a href="/" class="read-more">read more</a>.
		</article>
        <article>
			<h2>Quantum Computing Breakthrough</h2>
			Scientists have achieved something that was previosuly the stuff of Sci-Fi films. They have stopped content overflowing in CSS... <a href="/" class="read-more">read more</a>.
		</article>
		<article>
			<h2>Printers Can Smell Fear</h2>
			Scientists at a university in Tajikistan have found that printers can sense when you're up against a deadline...<a href="/" class="read-more">read more</a>.
		</article>
        <article>
			<h2>Hiring Manager Writes Fair Job Spec</h2>
			A hiring manager in the Leuven, Belgium, wrote a job spec for a junior developer that didn't require 10 years experience with React...<a href="/" class="read-more">read more</a>.
		</article>
	</main>
	<div class="pop-up">
        <h2 class="paywall-heading">Welcome to our Paywall!</h2>
        <p>If you wanna read our content, you gotta pay our fee.</p>
        Click <a href="/">here</a> to sign up with a credit card.
    </div>
</body>

</html>

<html>

<head>

family=UnifrakturMaguntia&display=swap" rel="stylesheet">

</head>

<body>

<h1>The Scrimba Times</h1>

</header>

<main>

<h2>Facebook fails to buy Scrimba</h2>

Scrimba management today turned down a $15bn offer from Mark Zuckerberg on the basis

that Facebook is actually quite annoying... <a href="/" class="read-more">read more</a>.

</article>

<h2>Quantum Computing Breakthrough</h2>

Scientists have achieved something that was previosuly the stuff of Sci-Fi films. They

have stopped content overflowing in CSS... <a href="/" class="read-more">read more</a>.

</article>

<h2>Printers Can Smell Fear</h2>

Scientists at a university in Tajikistan have found that printers can sense when you're

up against a deadline...<a href="/" class="read-more">read more</a>.

</article>

<h2>Hiring Manager Writes Fair Job Spec</h2>

A hiring manager in the Leuven, Belgium, wrote a job spec for a junior developer that

didn't require 10 years experience with React...<a href="/" class="read-more">read

more</a>.

</article>

</main>

<h2 class="paywall-heading">Welcome to our Paywall!</h2>

<p>If you wanna read our content, you gotta pay our fee.</p>

-5:38