Base files to work through for 2 Kevin Powell videos
This is my attempt at copying the html that Kevin used in two of his videos, the first about minimal styling and other about limited css
This commit is contained in:
parent
d6fac9cd61
commit
e3aaceb931
Binary file not shown.
|
After Width: | Height: | Size: 106 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 279 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 491 KiB |
|
|
@ -0,0 +1,48 @@
|
||||||
|
<!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="stylesheet" href="style.css">
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
<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="">
|
||||||
|
|
||||||
|
</body>
|
||||||
|
|
||||||
|
</html>
|
||||||
Loading…
Reference in New Issue