diff --git a/HTML-CSS-Pair-Programming-Lab-1 b/HTML-CSS-Pair-Programming-Lab-1 new file mode 160000 index 0000000..3997ab1 --- /dev/null +++ b/HTML-CSS-Pair-Programming-Lab-1 @@ -0,0 +1 @@ +Subproject commit 3997ab11b88d41d8f4aa28a968873207b1ea6d89 diff --git a/README.md b/README.md index ebcb40f..1f629d5 100644 --- a/README.md +++ b/README.md @@ -12,7 +12,7 @@ You will pair program with a partner to complete this assignemnt. One partner, t 3. Display the Sidebar conent on the webpage 4. The page should have the correct coloring 5. Convert main content to a 2 column layout -6. The page should have the correct spacing +6. The page should have the correct spacing ## Mock Up diff --git a/index.html b/index.html new file mode 100644 index 0000000..4336735 --- /dev/null +++ b/index.html @@ -0,0 +1,59 @@ + + + + + + + Document + + +
+
+

MyWebsite

+
+
+ + +
+
+
+ Golden Gate Bridge at Sunset +
+ +

This is a Lorem Ipsum Heading

+

Lorem ipsum, dolor sit amet consectetur adipisicing elit. Reiciendis, asperiores. Tempore ipsam, libero eveniet amet odit ex a dicta pariatur exercitationem alias, similique molestiae non sed repellendus sit aliquid nemo!

+ Read More +
+ + +
+

SideBar Links

+
+ +
+ +
+

Other Widgets

+
+

Lorem ipsum dolor sit amet consectetur, adipisicing elit. Maxime aliquid excepturi sequi facilis nobis, saepe quis voluptas quisquam. Cum molestiae itaque amet dolorem. Temporibus voluptate est placeat laudantium nisi quas?

+
+ +

Lorem ipsum dolor sit amet consectetur adipisicing elit.

+
+ + + + +
+ +
+ + + diff --git a/style.css b/style.css new file mode 100644 index 0000000..be5c4c0 --- /dev/null +++ b/style.css @@ -0,0 +1,45 @@ +@import url("https://fonts.googleapis.com/css2?family=Roboto&display=swap"); +h1{ + color: orange; + background-color: black; + font-family: "Roboto"; + padding: .75em .75em .75em .75em; +} + +a { + color: orange; +} + +body{ + font-family: "Roboto"; +} + +img{ + height: 100%; + width: 100%; + object-fit: cover; +} +.thumbnail{ + height: 200px; + width: 200px; + float: left; + margin-right: 15px; +} +.sidebar{ + display: inline-block; +} + +.footer-text { + color: white; + text-align: center; +} + +.yoursite-orange { + color: orange; +} + +.footer-bar { + background-color: black; + font-family: "Roboto"; + padding: .75em .75em .75em .75em; +}