From 0cc5c2794eaf1126ba2bb816df1c245d83212b84 Mon Sep 17 00:00:00 2001 From: Andre Logan Date: Wed, 6 Jan 2021 13:46:18 -0500 Subject: [PATCH] my lab 1 --- NewLab1.css | 68 ++++++++++++++++++++++++++++++++++++++++++++++++++++ NewLab1.html | 56 +++++++++++++++++++++++++++++++++++++++++++ 2 files changed, 124 insertions(+) create mode 100644 NewLab1.css create mode 100644 NewLab1.html diff --git a/NewLab1.css b/NewLab1.css new file mode 100644 index 0000000..ae995b7 --- /dev/null +++ b/NewLab1.css @@ -0,0 +1,68 @@ + + h1 { + background: darkgray; + left: 0%; + top: 0%; + font-size: 5000; + font-family: Arial; + padding: 50px; + margin-top: 1px; + + } + + h2 { + padding: 50px; + + } + + /* h3 { + float: left; + } */ + + .footer { + position: fixed; + left: 0; + bottom: 0; + width: 100%; + background-color: darkgray; + color: white; + text-align: center; + } + + ul { + color: orange; + } + + .container{ + width: 100%; + } + + .mainbody{ + width:75%; + float: left; + } + + .image{ + float: left; + margin-right: 7.5%; + } + + .blog{ + align-self: auto; + height: 100%; + } + + .sidebar{ + width:20%; + height: 100%; + float: right; + background-color: gray; + } + + /*see if you can get the viewport height and set the sidebar height to viewport height*/ + + + + + + diff --git a/NewLab1.html b/NewLab1.html new file mode 100644 index 0000000..747a137 --- /dev/null +++ b/NewLab1.html @@ -0,0 +1,56 @@ + + + + + + + Document + + + + +

My Website

+ +
+
+
+ +
+ +
+

This is a Loerm Ispum Heading

+

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut

+

Read more

+
+
+ +
+

Sidebar Links

+
+ +
    +
  • Link 1
    • +
  • Link 2
    • +
  • Link 3
    • +
  • Link 4
    • +
+ +

Other Widgets

+
+ +

Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Vivamus lacinia, est vel vestibulum bibendum, ex massa porta metu. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas

+

At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias

+ +
+
+ +
+

Copyright Your Site. All rights reserved.

+
+ + + + + + +