diff --git a/index.html b/index.html index f74abbf..97a320a 100644 --- a/index.html +++ b/index.html @@ -1,11 +1,42 @@ - Introduction to the DOM + Introduction to Dom +
+

Header

+
+ +
+
+
+

Placeholder

New!

+
+

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 aliquip ex ea commodo consequat. + Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. + Excepteur sint occaecat cupidatat non proident, + sunt in culpa qui officia deserunt mollit anim id est laborum.

+
+
+

Placeholder

+

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 aliquip ex ea commodo consequat. + Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. + Excepteur sint occaecat cupidatat non proident, + sunt in culpa qui officia deserunt mollit anim id est laborum.

+
+
+ + + + + \ No newline at end of file diff --git a/styles.css b/styles.css index e69de29..d4e04e7 100644 --- a/styles.css +++ b/styles.css @@ -0,0 +1,38 @@ +.top { + border-style: solid; + border-width: 3px 3px 3px 3px; + border-color: black; + text-align: center; + } + + .combined { + display: inline-flex; + } + + .left-bottom { + border-style: solid; + border-width: 0px 3px 3px 3px; + border-color: black; + padding: 8px 20px 10px 20px; + } + + .new { + background-color: rgb(223, 210, 210); + padding: 7px 7px 7px 7px; + width: 36px; + height: 17px; + margin: 0px -20px 0px 0px; + } + + .left-top { + display: flex; + justify-content: space-between; + flex-flow: row; + } + + .right-bottom { + border-style: solid; + border-width: 0px 3px 3px 0px; + border-color: black; + padding: 10px 20px 10px 20px; + } \ No newline at end of file