final proj homepage

cyr15103 · Dec 5, 2017 · 57b1d75 · 57b1d75
1 parent 13a917e
commit 57b1d75
Show file tree

Hide file tree

Showing 40 changed files with 9,494 additions and 0 deletions.
diff --git a/final proj/_footer.scss b/final proj/_footer.scss
@@ -0,0 +1,24 @@
+$offwhite:#e3e3e3;
+$bluegrey:#9c9aa9;
+$aqua:#5ec8c2;
+$cranberry:#622c35;
+
+$x-small: 768px;
+$small: 769px;
+$small-max: 992px;
+$medium: 993px;
+$medium-max: 1225px;
+$large: 1226px;
+
+footer {
+	background-color:$cranberry;
+	height:225px;
+	padding-top:40px;
+}
+
+#contact-img-box {
+	img {
+		width:60px;
+		padding-top:40px;
+	}
+}
diff --git a/final proj/_nav.scss b/final proj/_nav.scss
@@ -0,0 +1,74 @@
+$offwhite:#e3e3e3;
+$bluegrey:#9c9aa9;
+$aqua:#5ec8c2;
+$cranberry:#622c35;
+$x-small: 768px;
+$small: 769px;
+$small-max: 992px;
+$medium: 993px;
+$medium-max: 1225px;
+$large: 1226px;
+
+nav {
+	background-color:$offwhite;
+	ul{
+		li{
+			list-style-type: none;
+			padding-top:43px;
+			@media screen and (max-width: $x-small) {
+    		padding-top:10px;
+    		padding-bottom:10px;
+    		margin-left:-10px;
+
+  			}
+			a {
+				text-decoration:none;
+				color:black;
+				font-family:'Arimo', sans-serif;
+				font-size:16px;
+			}
+			a:hover, a:active {
+  				color: lighten($cranberry, 10%);
+  				text-decoration:none;
+			}
+		}
+	}
+
+}
+
+nav a:hover,
+nav a:active {
+  letter-spacing: 1px;
+ }
+
+nav a:after,
+ {
+  backface-visibility: hidden;
+  border: 1px solid rgba(212, 51, 165, 0);
+  bottom: 0px;
+  content: " ";
+  margin: 0 auto;
+  position: relative;
+  transition: all 280ms ease-in-out;
+  width: 0;
+}
+
+nav a:hover:after,
+nav a:hover:before {
+  backface-visibility: hidden;
+  border-color: lighten($cranberry, 15%);
+  transition: width 350ms ease-in-out;
+  width: 40%;
+}
+
+nav a:after,
+	nav a:before {
+		display: block;
+	}
+
+#logo-box {
+	background-color:$aqua;
+		img{
+			width:100px;
+		}
+	}