diff --git a/index.html b/index.html index d01f779ff..af08d3efe 100644 --- a/index.html +++ b/index.html @@ -1,11 +1,66 @@ + + + - Document + Mochi portfolio + - +
+ +
+
+ +
+
+
+
+ +

These

+
+
+ +

are

+
+
+ +

all

+
+
+
+
+ +

the same

+
+
+ +

cat

+
+
+ +

I promise

+
+
+
+ \ No newline at end of file diff --git a/style/index.css b/style/index.css index 440e53514..7b43ff596 100644 --- a/style/index.css +++ b/style/index.css @@ -1 +1,103 @@ -/* Add CSS styling here */ \ No newline at end of file +/* Add CSS styling here */ + +/* The navbar container */ + +nav { + overflow: hidden; + background-color: #333; + } + + /* Navbar links */ + + nav a { + float: left; + display: block; + color: white; + text-align: center; + padding: 14px 16px; + text-decoration: none; + } + + /* On screens that are 600px wide or less, make the menu links stack on top of each other instead of next to each other */ + + @media screen and (max-width: 600px) { + .nav a { + float: none; + width: 100%; + } + } + +nav{ + display:flex; + justify-content: space-between; +} + +h1{ + display:block; + margin-top: 0; + font-size: 30px; + font-family: 'Lato', sans-serif; +} + +button { + background-color:white; + color: black; + border:black solid 1px; + padding: 5px 10px; +} + +button:hover{ + background-color: black; + color: white; + border: white solid 1px; +} + +button a{ + text-decoration: none; + color: inherit; +} + +.top{ + display:flex; + justify-content:center; +} + +.image-button{ + background-image: url("https://images.unsplash.com/photo-1584615489955-ec0a8090ac34?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=633&q=80"); + background-repeat: no-repeat; + background-size: cover; + color: white; + font-size: large; + width: 600px; + height: 400px; + margin: 2% 0; + /* border: solid rgb(228, 10, 10) 3px; */ +} + +.row{ + display:flex; + flex-direction: row; + justify-content: space-evenly; + padding: 20px; +} + +.folio-element{ + text-align: center; + font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif; + text-transform: uppercase; +} + +img{ + width: 50%; + border: black solid 2px; +} + +footer{ + background-color: grey; + padding: 20px; + text-align: center; +} + +.row{ + justify-content:space-around +} \ No newline at end of file