diff --git a/.DS_Store b/.DS_Store index f743fc6..254a361 100644 Binary files a/.DS_Store and b/.DS_Store differ diff --git a/week-2/.DS_Store b/week-2/.DS_Store index 372d818..b2db1a3 100644 Binary files a/week-2/.DS_Store and b/week-2/.DS_Store differ diff --git a/week-2/css/index.css b/week-2/css/index.css index c513be2..671e3c6 100644 --- a/week-2/css/index.css +++ b/week-2/css/index.css @@ -1,224 +1,89 @@ -/*Mobile Style*/ -@media screen and (max-width: 595px){ -header{ - width:100%; -} -header p{ - font-size: 60px; - margin:auto 0; - text-align: center; - padding-top: 60px; - font-family: 'Amatic SC', cursive; - color: #003366; -} -nav { - height: 55px; - background-color: #ADD8E6; - margin-bottom: 20px; -} -nav ul { - margin: 0; - padding: 0; -} -nav ul li { - display: inline; -} -nav ul li a { - display: block; - padding: 18px 30.1px 18px 30.1px; - color: #003366; - text-decoration: none; - float: left; - font-weight: bold; - text-transform: uppercase; - -} -nav ul li a:hover { - background-color: #D3D3D3; - color: white; -} -#img{ - width:100%; -} -#img img{ - display: block; - margin-left: auto; - margin-right: auto; - padding-bottom: 30px; - -} -#caption{ - width:100%; - background-color: #D3D3D3; -} -#caption p{ - margin:auto 0; - text-align: center; - padding:50px; - padding-bottom: 0px; - line-height: 30px; - font-family: 'Roboto', sans-serif; - color: #003366; - -} -#list1{ - padding-left: 90px; - background-color:#D3D3D3; - padding-bottom: 20px; - padding-top: 20px; - -} -#list1 ul li{ - font-family: 'Roboto', sans-serif; - color: #003366; -} - -#list2{ - background-color:#ADD8E6; -} -#list2 ul{ - margin-left: 50px; - padding:20px; -} -#list2 ul li{ - list-style: none; -} -#list2 ul li a{ - text-decoration: none; - color: #003366; - font-family: 'Roboto', sans-serif; +nav { + background-color: #00757c; } -#list2 ul li a:hover{ - color:white; +body{ + margin:0; } -#list2 p{ - font-family: 'Roboto', sans-serif; - color: #003366; -} -footer{ - background-color: #D3D3D3; - padding: 20px; - font-family: 'Roboto', sans-serif; - color: #003366; - text-align: center; - -} - - +nav ul{ + margin:0; + padding: 0; } -/*Tablet Style*/ -@media screen and (min-width: 596px) and (max-width: 949px){ header{ width:100%; } header p{ - font-size: 60px; + font-size: 50px; margin:auto 0; text-align: center; - padding-top: 60px; - font-family: 'Amatic SC', cursive; + padding: 50px; + font-family: 'Comfortaa', cursive; color: #003366; } nav { - height: 55px; + display:flex; + justify-content: space-between; background-color: #ADD8E6; - margin-bottom: 20px; + + } nav ul { - margin: 0; - padding: 0; -} + display:flex; + text-align: center; + } + nav ul li { - display: inline; + padding:20px 10px; + list-style: none; + + } nav ul li a { - display: block; - padding: 18px 30.1px 18px 30.1px; color: #003366; text-decoration: none; - float: left; font-weight: bold; text-transform: uppercase; + font-family: 'Comfortaa', cursive; } -nav ul li a:hover { +nav ul li:hover { background-color: #D3D3D3; color: white; } -#img{ - width:100%; -} -#img img{ - display: block; - margin-left: auto; - margin-right: auto; - width: %; - padding-bottom: 30px; +main img{ + height:400px; + padding:20px; } -#caption{ - width:100%; - background-color: #D3D3D3; -} -#caption p{ - margin:auto 0; +#images{ text-align: center; - padding:50px; - padding-bottom: 0px; - line-height: 30px; - font-family: 'Roboto', sans-serif; - color: #003366; - -} -#list1{ - padding-left: 90px; - background-color:#D3D3D3; - padding-bottom: 20px; - padding-top: 20px; - -} -#list1 ul li{ - font-family: 'Roboto', sans-serif; - color: #003366; } +#caption{ + background-color: #ADD8E6; + padding:20px; + line-height: 35px; -#list2{ - background-color:#ADD8E6; - width:100%; - padding: 30px; } -#list2 ul li{ - list-style: none; - - +main li{ + font-family: 'Comfortaa', cursive; } -#list2 ul li a{ +main #lists li a{ text-decoration: none; - color: #003366; - font-family: 'Roboto', sans-serif; - + color:#00757c; +} -} -#list2 ul li a:hover{ - color:white; -} -#list2 p{ - font-family: 'Roboto', sans-serif; - color: #003366; -} footer{ - background-color: #D3D3D3; - padding: 20px; - font-family: 'Roboto', sans-serif; - color: #003366; text-align: center; - + padding:20px; + font-family: 'Comfortaa', cursive; +} +main p{ + font-family: 'Comfortaa', cursive; } @@ -226,138 +91,35 @@ footer{ +/*Mobile Style*/ +@media screen and (max-width: 595px){ - - - - - - - - - +main img{ + height:none; } -/*Desktop Style*/ -@media screen and (min-width: 950px){ -header{ - width:100%; -} -header p{ - font-size: 60px; - margin:auto 0; - text-align: center; - padding-top: 60px; - font-family: 'Amatic SC', cursive; - color: #003366; -} -nav { - height: 55px; - background-color: #ADD8E6; - margin-bottom: 20px; -} -nav ul { - margin: 0; - padding: 0; -} -nav ul li { - display: inline; -} -nav ul li a { - display: block; - padding: 18px 30.1px 18px 30.1px; - color: #003366; - text-decoration: none; - float: left; - font-weight: bold; - text-transform: uppercase; -} -nav ul li a:hover { - background-color: #D3D3D3; - color: white; -} -#img{ - width:100%; -} -#img img{ - display: block; - margin-left: auto; - margin-right: auto; - width: %; - padding-bottom: 30px; -} -#caption{ - background-color: white; -} -#caption p{ - margin:auto 0; - text-align: center; - padding:50px; - padding-bottom: 0px; - line-height: 30px; - font-family: 'Roboto', sans-serif; - color: #003366; -} -#list1{ - background-color:#D3D3D3; - padding-bottom: 14px; - padding-top: 20px; - width:50%; - float:left; -} -#list1 ul{ - padding-left: 150px; -} -#list1 ul li{ - font-family: 'Roboto', sans-serif; - color: #003366; -} -#list2{ - background-color:#ADD8E6; - width:50%; - float:right; -} -#list2 ul{ - margin-left: 50px; - padding:20px; -} -#list2 ul li{ - list-style: none; -} -#list2 ul li a{ - text-decoration: none; - color: #003366; - font-family: 'Roboto', sans-serif; } -#list2 ul li a:hover{ - color:white; -} -#list2 p{ - font-family: 'Roboto', sans-serif; - color: #003366; -} -footer{ - background-color: white; - padding: 20px; - font-family: 'Roboto', sans-serif; - color: #003366; - text-align: center; -} +/*Desktop Style*/ +@media screen and (min-width: 950px){ +#lists{ + display: flex; + justify-content: space-around; +} diff --git a/week-2/img/.DS_Store b/week-2/img/.DS_Store index 21c39e7..13541d7 100644 Binary files a/week-2/img/.DS_Store and b/week-2/img/.DS_Store differ diff --git a/week-2/img/image1.jpeg b/week-2/img/image1.jpeg new file mode 100644 index 0000000..9eebe60 Binary files /dev/null and b/week-2/img/image1.jpeg differ diff --git a/week-2/img/image2.jpeg b/week-2/img/image2.jpeg new file mode 100644 index 0000000..66c0ab3 Binary files /dev/null and b/week-2/img/image2.jpeg differ diff --git a/week-2/index.html b/week-2/index.html index 41897a5..ed7cb6e 100644 --- a/week-2/index.html +++ b/week-2/index.html @@ -2,15 +2,16 @@ + + + About Me - + - - -
-

Natalie Brassinga


+

NATALIE BRASSINGA

+ - - -
- Picture of me + + +
+ +
+ Picture of me + Picture of me
+
-

Hi! My name is Natalie Brassinga. I am a sophomore majoring in Digital Media and Design with a business strategies concentration and possibly web design! My hometown is Ridgefield, Connecticut which is about an hour and a half drive away from Storrs. Some things I am interested in and some activities I enjoy are...

+

Welcome! My name is Natalie Brassinga and I am a junior at UConn majoring in Digital Media and Design with a business strategies concentration. My passions are focused in consumer behavior and advertising. +
+ I am from CT and I have a dog named Tito and he is one year old! He weighs 8 lbs and he is a chihuahua dachshund mix. He loves to go on walks and hang out with my roomates dog!

- -
+
+
    +

    Some of my favorite things are...

  • Soccer
    • -
  • Running/Swimming
    • +
  • Plants
  • Going to the beach
    • -
  • Social Media
    • +
  • Social media
  • Arts and crafts
    • -
  • Interior design
    • +
  • Journaling :)
-
-
+ -
- - -
So excited to meet everyone!
+
+ \ No newline at end of file