57 lines
2.6 KiB
HTML
57 lines
2.6 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Minimal Styling riffing off Kevin Powell</title>
|
|
<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=Nunito:wght@700&family=PT+Sans:wght@400;700&display=swap"
|
|
rel="stylesheet">
|
|
<!-- <link rel="stylesheet" href="style.css"> -->
|
|
<link rel="stylesheet" href="style-new.css">
|
|
</head>
|
|
|
|
<body>
|
|
<main>
|
|
<article class="wrapper flow">
|
|
<h1>Lorem ipsum dolor sit amet consectetur adipisicing elit. Quidem, ratione?</h1>
|
|
<img src="./IMG_0030.JPG" alt="">
|
|
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Soluta ducimus consectetur magni vero eum, autem
|
|
et
|
|
in
|
|
placeat reiciendis doloremque. Lorem ipsum dolor sit amet consectetur adipisicing elit. Soluta ducimus
|
|
consectetur magni vero eum, autem et in placeat reiciendis doloremque.
|
|
</p>
|
|
<h2>Lorem ipsum dolor sit amet consectetur adipisicing elit.</h2>
|
|
<h3>Lorem, ipsum dolor.</h3>
|
|
<img src="IMG_0468.JPG" alt="">
|
|
<p></p>
|
|
<h3>Lorem ipsum dolor sit amet consectetur.</h3>
|
|
<p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Odio pariatur dolores nihil quas. Praesentium
|
|
maxime
|
|
accusamus ipsam architecto debitis expedita?</p>
|
|
<ul>
|
|
<li><a href="">Lorem ipsum dolor sit amet consectetur adipisicing.</a></li>
|
|
<li><a href="">Lorem ipsum dolor sit amet consectetur adipisicing.</a></li>
|
|
<li><a href="">Lorem ipsum dolor sit amet consectetur adipisicing.</a></li>
|
|
</ul>
|
|
<fieldset>
|
|
<form action="">
|
|
<label for="name">Name<input type="text" name="name" id="" placeholder="Enter your name"></label>
|
|
<label for="email">Email<input type="email" name="email" id=""
|
|
placeholder="Enter your email address"></label>
|
|
<label for="message">Message
|
|
<textarea id="message" name="message" rows="4" cols="50"
|
|
placeholder="Your message here"></textarea>
|
|
</label>
|
|
</form>
|
|
</fieldset>
|
|
<img src="./IMG_0835.JPG" alt="">
|
|
</article>
|
|
</main>
|
|
|
|
</body>
|
|
|
|
</html> |