Completed

RenneManny · Oct 4, 2023 · 45c4658 · 45c4658
1 parent 7c79432
commit 45c4658
Show file tree

Hide file tree

Showing 3 changed files with 143 additions and 0 deletions.
diff --git a/block-BHaabd/assets/media/lloyd-henneman-mBRfYA0dYYE-unsplash.jpg b/block-BHaabd/assets/media/lloyd-henneman-mBRfYA0dYYE-unsplash.jpg
diff --git a/block-BHaabd/assets/stylesheet/style.css b/block-BHaabd/assets/stylesheet/style.css
@@ -0,0 +1,110 @@
+/* http://meyerweb.com/eric/tools/css/reset/ 
+   v2.0 | 20110126
+   License: none (public domain)
+*/
+
+html, body, div, span, applet, object, iframe,
+h1, h2, h3, h4, h5, h6, p, blockquote, pre,
+a, abbr, acronym, address, big, cite, code,
+del, dfn, em, img, ins, kbd, q, s, samp,
+small, strike, strong, sub, sup, tt, var,
+b, u, i, center,
+dl, dt, dd, ol, ul, li,
+fieldset, form, label, legend,
+table, caption, tbody, tfoot, thead, tr, th, td,
+article, aside, canvas, details, embed, 
+figure, figcaption, footer, header, hgroup, 
+menu, nav, output, ruby, section, summary,
+time, mark, audio, video {
+	margin: 0;
+	padding: 0;
+	border: 0;
+	font-size: 100%;
+	font: inherit;
+	vertical-align: baseline;
+}
+/* HTML5 display-role reset for older browsers */
+article, aside, details, figcaption, figure, 
+footer, header, hgroup, menu, nav, section {
+	display: block;
+}
+body {
+	line-height: 1;
+}
+ol, ul {
+	list-style: none;
+}
+blockquote, q {
+	quotes: none;
+}
+blockquote:before, blockquote:after,
+q:before, q:after {
+	content: '';
+	content: none;
+}
+table {
+	border-collapse: collapse;
+	border-spacing: 0;
+}
+*{
+    margin: 0px;
+    padding:0px;
+}
+h1{
+    font-size: 50px;
+}
+h2{
+    font-size: 35px;
+   text-align: center;
+}
+p{
+    font-size: 22px;
+    margin-top: 10px;
+}
+
+h4{
+    font-size: 24px;
+}
+header{
+    text-align: center;
+    margin-top: 50px;
+}
+body{
+    background-color: rgb(195, 189, 189);
+    line-height: 1;
+    font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
+
+}
+.container{
+    max-width: 1140px;
+    margin: 12px auto;
+    /* height: 150px; */
+    background-color: rgb(238, 234, 234);
+    /* text-align: center; */
+    padding: 12px 32px;
+    color: rgb(63, 61, 61);
+}
+.col{
+    float: left;
+    margin-left: 80px;
+
+}
+.col1{
+    width: 13%;
+
+}
+.col2{
+    width: 50%;
+
+
+}
+.col3{
+    width: 13%;
+}
+
+.clear::after{
+    display: table;
+    content: "";
+    clear: both;
+
+}
diff --git a/block-BHaabd/index.html b/block-BHaabd/index.html
@@ -5,3 +5,36 @@
 
 - Using CSS resets is necessary.
 - Use semantic tags and keep the nesting and indentation proper. -->
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Extracts</title>
+    <link rel="stylesheet" href="assets/stylesheet/style.css">
+</head>
+<body>
+    <header>
+        <h1>Extracts from "Our Cats, by Harrison Weir"</h1>
+    </header>
+    <main>
+        <section>
+
+            <div class="container clear">
+                <h2>Usefulness of cats</h2>
+                <div class="col col1"><h4>Introductry The first cat show Habits Trained cats Usefulnessof cats</h4></div>
+                <div class="col col2"><img src="assets/media/lloyd-henneman-mBRfYA0dYYE-unsplash.jpg" alt="" max-width="500px" height="400px" >
+                <p>In our urban and suburban houses what should we do without cats?In our sitting or bedrroms,our libraries,in our kitchens and storerooms,our farms,barns,andrickyards,in our docks,our granaries ,our ships,and our wharves,in our corn markets, and other places too numerous to mention,how useful they are! In our ships,however,the rats oft set them at deflance;still they are great services.
+             </p>
+             <p>
+             How wonderfully patient is the cat when watching for rats or mice, awaiting their egress from their place of refuge or that which is their home! How well Shakespear in Pericles,Act iii.,describes this kneen attention of the cat to its naturak pursuit!
+             <p>The cat,with eyne of burning coal,Now crouches from(before) the mouse's hole.</p>
+             </p>
+             <p>A slight rustle,and the fugitive comes forth; a quick,sharp,resolute motion,and the cat has proved its usefulness. Let any one have a plauge of rats and mice,as I once had, and let them be delivered therefrom by cats,as I was, and they will have lasting and king regard for them. </p>
+                </div>
+                <div class="col col3"><h4>Let anyone have plauge of rats and mice, as I once had,and let them be delivered therefrom by cats, as I was, and they will have a lasting and king regard for them.</h4></div>
+            </div>
+        </section>
+    </main>
+</body>
+</html>