edits

jessicajji · Dec 22, 2015 · 911e177 · 911e177
1 parent ac4bed9
commit 911e177
Show file tree

Hide file tree

Showing 2 changed files with 34 additions and 33 deletions.
diff --git a/assets/css/style.css b/assets/css/style.css
@@ -44,21 +44,30 @@ a:visited {
 	z-index: 100;
 }
 
-.section {
+#portfolio-section {
 	width: 100%;
 	height: 100%;
 	position: relative;
 	background: white;
 	z-index: 100;
 }
 
+#about-section {
+	width: 100%;
+	height: 400px;
+	position: relative;
+	background: white;
+	z-index: 100;
+}
+
 #home-section {
 	/*background-image: url("file:///Users/jessicaji/Desktop/Desktop1/WebDesign/jessicajji.github.io/assets/img/computer.jpg");*/
 	-webkit-filter: grayscale(100%);
 	filter: grayscale(100%);
 	background-size: cover;
 	position: relative;
-	z-index: 10;
+	width: 100%;
+	height: 100%;
 }
 
 #bg {
@@ -210,10 +219,6 @@ a:visited {
 	transition: 500ms;
 }
 
-#about-section {
-	height: 400px;
-}
-
 #about-title {
 	font-weight: 100;
 	/*opacity: 0.4;*/
@@ -235,44 +240,37 @@ a:visited {
 	color: black;
 }
 
+
 #footer-title {
 	color: white;
 }
 
 #computer-container {
 	width: 500px;
-	position: relative;
-	top: 73px;
-	left: 14%;
+	position: absolute;
+	top: 50%;
+	left: 30%;
+	transform: translateY(-50%) translateX(-30%);
 }
 
 #computer {
 	width: 500px;
-	position: relative;
-	top: 73px;
-	left: 11.3%;
-}
-
-#image-container {
-	width: 372.5px;
-	height: 235px;
-	position: absolute;
-	margin-top: -222px;
-	margin-left: 121px;
 }
 
 .pageview {
 	width: 372.5px;
 	height: 235px;
 	position: absolute;
-	margin-top: -221px;
-	margin-left: 120px;
+	top: 44%;
+	left: 35%;
+	transform: translateY(-50%) translateX(-30%);
 }
 
 .sidebar {
 	position: absolute;
-	top: 24%;
-	left: 62%;
+	top: 48%;
+	transform: translateY(-50%);
+	right: 18%;
 }
 
 .viewbutton {
@@ -292,6 +290,9 @@ a:visited {
 #footer-section {
 	height: 300px;
 	background: black;
+	width: 100%;
+	position: relative;
+	z-index: 100;
 }
 
 .icon {
@@ -382,7 +383,7 @@ a:visited {
 	position: absolute;
 	font-size: 36px;
 	color: white;
-	font-weight: 100;
+	font-weight: 300;
     top: 55%;
     left: 50%;
     -webkit-transform: translateX(-50%) translateY(-50%);

diff --git a/index.html b/index.html
@@ -13,7 +13,7 @@
     </head>
     <body>
         <div class = "page-wrapper">
-            <section class = "section" id = "home-section">
+            <div id = "home-section">
                 <div class = "background"><img src = "assets/img/computer.jpg" id = "bg"></div>
                 <div class = "button" id = "contact">CONTACT</div>
                 <div class = "button" id = "portfolio">PORTFOLIO</div>
@@ -42,16 +42,16 @@
                     MANAGEMENT CONSULTANT & FRONT-END DEVELOPER
                 </div> 
                 <img src="assets/img/downarrow.png" id="arrow">
-            </section>
-            <section class = "section" id = "about-section">
+            </div>
+            <div id = "about-section">
 
                 <div class = "text" id = "about-title">
                     ABOUT ME
                 </div>
                 <div class = "text" id = "about-description">Hi there! My name's <b>Jessica</b> and I'm a freshman at UC Berkeley studying Industrial Engineering and Computer Science. Besides being an avid croissant lover, tech enthusiast, and management consultant, I've also recently picked up web design and development and can't wait to use design to bring my ideas to life. </div>
-            </section>
+            </div>
             <div class = "section-divide" style ="border-top: 1px solid black; margin: 0 auto; width: 80%; text-align: center;"></div>
-            <section class = "section" id = "portfolio-section">
+            <div id = "portfolio-section">
                 <div class = "text" id = "portfolio-title">
                     RECENT PROJECTS
                 </div>
@@ -77,8 +77,8 @@
                     <div class = "projects" id = "project2"></div>
                     <div class = "projects" id = "project3"></div>
                 </div>
-            </section>
-            <section class = "section" id = "footer-section">
+            </div>
+            <div id = "footer-section">
                 <div class = "footer-title" id = "location-title">
                     CURRENT LOCATION:
                 </div>
@@ -98,7 +98,7 @@
                 </div>
                 <div class = "resume-button"><a href = "https://www.linkedin.com/in/jessicajji" style = "font-color: white">RESUME</a></div>
 
-            </section>
+            </div>
         </div>
     </body>
 </html>