diff --git a/src/Assignment-4/assignment4.css b/src/Assignment-4/assignment4.css index 916fa6e..13963a8 100644 --- a/src/Assignment-4/assignment4.css +++ b/src/Assignment-4/assignment4.css @@ -5,3 +5,136 @@ width: 100%; height: 100%; } + body { + font-family: 'Raleway', sans-serif; + } + header { + background: #92E0E5; + color: white; + height: 50px; + padding: 0 25px; + } + header h1 { + float: left; + text-indent: -9999px; + background-image: url('./images/image4.png'); + background-repeat: no-repeat; + background-size: cover; + padding:0px; + height: 35px; + width: 35px; + margin-top: 8px; + } + + + header nav { + float: right; + } + nav li { + display: inline-block; + padding: 17px 10px; + } + nav li:hover { + background: #3F8DA7; + color: white; + cursor: pointer; + } + #hero { + background: url('./images/image11.jpg') no-repeat; + background-size: cover; + text-align: center; + padding: 50px 0; + margin-bottom: 50px; + } + #hero img { + display: block; + } + #hero img { + display: block; + margin: auto; + margin-bottom: 25px; + border-radius: 50%; + border: 5px solid #3F8DA7; + } + #hero h2 { + font-size: 30px; + margin-bottom: 25px; + } + #hero a { + background: white; + border: 5px solid #3F8DA7; + color: #3F8DA7; + padding: 5px 10px; + text-decoration: none; + } + #hero a:hover { + padding: 5px 10px; + background: #3F8DA7; + color: white; + } + .three-col { + width: 30%; + display: inline-block; + text-align: center; + vertical-align: top; + margin: 0 10px; + } + h3{ + color:#06445898; + } + .three-col img { + border-radius: 50%; + border: 3px solid #3F8DA7; + height: 200px; + width: 200px; + margin: 25px 0; + } + .btn { + background: white; + border: 5px solid #3F8DA7; + color: #3F8DA7; + padding: 5px 10px; + text-decoration: none; + } + + .btn:hover { + background: #3F8DA7; + color: white; + padding: 5px 10px; + } + + .three-col p { + margin-bottom: 40px; + } +footer { + background: #3F8DA7; + color: white; + margin-top: 40px; + padding: 20px 0; + text-align: center; +} +footer ul { + margin: 40px 0; +} +footer li { + display: inline-block; + margin: 0 25px; +} +.link { + color: white; + /* text-underline-position: below; */ +} + +.link:hover { + color: #92E0E5; +} + + + + + + + + + + \ No newline at end of file diff --git a/src/Assignment-4/assignment4.html b/src/Assignment-4/assignment4.html index 505edc7..10501d8 100644 --- a/src/Assignment-4/assignment4.html +++ b/src/Assignment-4/assignment4.html @@ -5,16 +5,69 @@ + + +
+
+

Dog Party!

+ +
+ +
+

A Site About Some Dogs

+ hero dog + What are Dogs - - - - +
+ +
+
+

Home

+ first image +

Lorem ipsum dolor sit amet consectetur adipisicing elit. Molestias obcaecati ratione error tempora dolorem totam, tempore minus rerum magnam consequatur.

+ Go Home +
+ +
+

Things

+ second image +

Lorem ipsum dolor sit amet consectetur, adipisicing elit. Corrupti dolorum, in, harum maxime adipisci eos ea reprehenderit sapiente impedit laudantium cupiditate sed voluptatum similique illum?

+ More Things +
+ +
+

Stuff

+ third image +

Lorem ipsum dolor sit amet consectetur adipisicing elit. Nihil ipsa quia, unde asperiores fuga iste? Possimus asperiores eligendi labore doloremque.

+ Some Stuff +
+
+ + + + + +
diff --git a/src/Assignment-4/images/image1.png b/src/Assignment-4/images/image1.png new file mode 100644 index 0000000..4c9f2c9 Binary files /dev/null and b/src/Assignment-4/images/image1.png differ diff --git a/src/Assignment-4/images/image10.png b/src/Assignment-4/images/image10.png new file mode 100644 index 0000000..f58c7da Binary files /dev/null and b/src/Assignment-4/images/image10.png differ diff --git a/src/Assignment-4/images/image11.jpg b/src/Assignment-4/images/image11.jpg new file mode 100644 index 0000000..0b8ddf7 Binary files /dev/null and b/src/Assignment-4/images/image11.jpg differ diff --git a/src/Assignment-4/images/image12.png b/src/Assignment-4/images/image12.png new file mode 100644 index 0000000..b688e99 Binary files /dev/null and b/src/Assignment-4/images/image12.png differ diff --git a/src/Assignment-4/images/image13.png b/src/Assignment-4/images/image13.png new file mode 100644 index 0000000..c6a1624 Binary files /dev/null and b/src/Assignment-4/images/image13.png differ diff --git a/src/Assignment-4/images/image14.png b/src/Assignment-4/images/image14.png new file mode 100644 index 0000000..70b4227 Binary files /dev/null and b/src/Assignment-4/images/image14.png differ diff --git a/src/Assignment-4/images/image15.png b/src/Assignment-4/images/image15.png new file mode 100644 index 0000000..1e3986f Binary files /dev/null and b/src/Assignment-4/images/image15.png differ diff --git a/src/Assignment-4/images/image16.png b/src/Assignment-4/images/image16.png new file mode 100644 index 0000000..fec51d1 Binary files /dev/null and b/src/Assignment-4/images/image16.png differ diff --git a/src/Assignment-4/images/image17.png b/src/Assignment-4/images/image17.png new file mode 100644 index 0000000..954426e Binary files /dev/null and b/src/Assignment-4/images/image17.png differ diff --git a/src/Assignment-4/images/image18.png b/src/Assignment-4/images/image18.png new file mode 100644 index 0000000..5e4d246 Binary files /dev/null and b/src/Assignment-4/images/image18.png differ diff --git a/src/Assignment-4/images/image19.png b/src/Assignment-4/images/image19.png new file mode 100644 index 0000000..3e2396c Binary files /dev/null and b/src/Assignment-4/images/image19.png differ diff --git a/src/Assignment-4/images/image2.png b/src/Assignment-4/images/image2.png new file mode 100644 index 0000000..0911831 Binary files /dev/null and b/src/Assignment-4/images/image2.png differ diff --git a/src/Assignment-4/images/image20.png b/src/Assignment-4/images/image20.png new file mode 100644 index 0000000..1626304 Binary files /dev/null and b/src/Assignment-4/images/image20.png differ diff --git a/src/Assignment-4/images/image21.png b/src/Assignment-4/images/image21.png new file mode 100644 index 0000000..afd298b Binary files /dev/null and b/src/Assignment-4/images/image21.png differ diff --git a/src/Assignment-4/images/image3.jpg b/src/Assignment-4/images/image3.jpg new file mode 100644 index 0000000..7496cc7 Binary files /dev/null and b/src/Assignment-4/images/image3.jpg differ diff --git a/src/Assignment-4/images/image4.png b/src/Assignment-4/images/image4.png new file mode 100644 index 0000000..5af8eb8 Binary files /dev/null and b/src/Assignment-4/images/image4.png differ diff --git a/src/Assignment-4/images/image5.jpg b/src/Assignment-4/images/image5.jpg new file mode 100644 index 0000000..efbe1a7 Binary files /dev/null and b/src/Assignment-4/images/image5.jpg differ diff --git a/src/Assignment-4/images/image6.jpg b/src/Assignment-4/images/image6.jpg new file mode 100644 index 0000000..e40d5b3 Binary files /dev/null and b/src/Assignment-4/images/image6.jpg differ diff --git a/src/Assignment-4/images/image7.png b/src/Assignment-4/images/image7.png new file mode 100644 index 0000000..e257cb0 Binary files /dev/null and b/src/Assignment-4/images/image7.png differ diff --git a/src/Assignment-4/images/image8.jpg b/src/Assignment-4/images/image8.jpg new file mode 100644 index 0000000..68d7d08 Binary files /dev/null and b/src/Assignment-4/images/image8.jpg differ diff --git a/src/Assignment-4/images/image9.png b/src/Assignment-4/images/image9.png new file mode 100644 index 0000000..373249e Binary files /dev/null and b/src/Assignment-4/images/image9.png differ diff --git a/src/Assignment-4/reset.css b/src/Assignment-4/reset.css new file mode 100644 index 0000000..af94440 --- /dev/null +++ b/src/Assignment-4/reset.css @@ -0,0 +1,48 @@ +/* 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; +} \ No newline at end of file diff --git a/src/Assignment-5/assignment5.css b/src/Assignment-5/assignment5.css index 916fa6e..648b166 100644 --- a/src/Assignment-5/assignment5.css +++ b/src/Assignment-5/assignment5.css @@ -1,7 +1,58 @@ -/* Our CSS file. */ +*{ + margin:0; + padding:0; +} +#container{ + display: flex; + align-items: center; + flex-flow:column wrap; + /* display: -webkit-flex; */ + width:100%; + font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; + +} +.card{ + display:flex; + flex: 1 0 auto; + display: -webkit-flex; + -webkit-flex: 1 0 auto; + flex-flow:row wrap; +} +.card-content{ + display:flex; + flex: 1 0 auto; + display: -webkit-flex; + width:50%; + justify-content:center; -.container, .content { -width: 100%; -height: 100%; } +.content{ + background-color: rgb(109, 209, 9); +} +.text{ + display:flex; + flex: 1 0 auto; + flex-flow:column wrap; + justify-content: space-evenly; +} + p,h1{ + padding: 2px 30px; + align-items:center; + } + a:hover { + background: rgb(71, 226, 71); + color: white; + cursor: pointer; + } + a{ + text-decoration:none; + margin-top:30px; + background-color: chartreuse; + border-radius: 20px; + color:white; + padding:6px 22px; + + } + + diff --git a/src/Assignment-5/assignment5.html b/src/Assignment-5/assignment5.html index 7878805..38522eb 100644 --- a/src/Assignment-5/assignment5.html +++ b/src/Assignment-5/assignment5.html @@ -5,17 +5,32 @@ +
- - - - - - +
+
+ A leafy plant +
+
+

A leafy one

+

Blossom dorset heath scabious ipsum. Grape hyacinth bee balm bird of paradise obedient plant african lily lily. Spring foxglove florist’s nighmare primrose.

+

So leafy

+
+
+
+
+ Some pointy plants +
+
+

Some pointy ones

+

Florem ipsum sugarbush bloom red rose waxflower coneflower ginger. Saxifrage forget-me-not obedient plant.

+

I'll take 10

+
+