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
-
+
-
-
-
-
+
+
-
-
-
-
+
+
+
+
+
+
+
+
-
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!
-
-
+
-
-
-
-
So excited to meet everyone!
+
+
So excited to meet everyone!
\ No newline at end of file