Revised File Week3 Homework #2

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open

rabbitrg wants to merge 1 commit into DWDMobile:master from rabbitrg:master

360i 2/360i.html

-Original file line number
+Diff line change
@@ -0,0 +1,41 @@
+    <!DOCTYPE html>
+    <html>
+    <head>
+    	<title>360i</title>
+    <link rel="stylesheet" href="style.css" type="text/css"/>
+    	</head>
+    <body>
+    	<!-- <div class="absolute-position"> -->
+    		<div class="logo">
+    			<img src="image/logo.png"  style="width:30%";>
+    		</div>
+    	</div>
+    	<!-- <div class = "background">
+    		<img src="image/background.jpg">
+    	</div> -->
+    	<div id="CreateAccount"><a href="CreateAccount.html">Create Account</a></div>
+    	<div class = "box" id = "LogIn"><a href="main.html">LOG IN</a></div>
+    	<div class = "lorem">Lorem ipsum dolor sit amet,consectetur<br/>
+    		adipiscing elit, sed do eiusmod tempor incididunt<br/>
+    		ut labore et dolore magna aliqua. Ut enim ad minim,<br/>
+    		quis nostrud exercitationLorem ipsum dolor sit amet,<br/>
+    		ut labore et dolore magna aliqua. Ut enim ad minim veniam<br/>
+    		Lorem ipsum dolor sit amet,consectetur
+    	</div>
+    </body>
+    </html>

360i 2/CreateAccount.css

-Original file line number
+Diff line change
@@ -0,0 +1,162 @@
+    html {
+    	height: 100%;
+    }
+    body {
+    	padding: 0px;
+    	margin: 0px;
+    	background: url("image/background3.jpg") no-repeat center center fixed;
+    	background-size: cover;
+    }
+    .logo {
+    		position: absolute;
+    		top: 20%;
+    		margin-right: auto;
+    		margin-left: auto;
+    		left: 45%;
+    		z-index: 0;
+    	}
+    	.lorem{
+    		/*position: absolute;*/
+    		font-size: 13px;
+    		text-align: center;
+    		font-family: "Helvetica";
+    		font-weight: lighter;
+    		text-decoration: none;
+    		color: rgb(3, 196, 173);
+    		letter-spacing: 1px;
+    		margin-top: 60%;
+        	/*z-index: 0;*/
+        	width: 70%;
+        	margin-left: auto;
+        	margin-right: auto;
+    	}
+    	a:link {
+    		text-decoration: : none;
+    		color: rgb(255,255,255);
+    	}
+    	a:hover, a:active {
+        color: rgb(196, 3, 176);
+        text-decoration: none;
+    }
+    	/*.box{
+    		margin-right: auto;
+    		margin-left: auto;
+    		top: 80%;
+    	}*/
+    /*
+    	#CreateAccount{
+    		position: absolute;
+    		margin-right: auto;
+    		margin-left: auto;
+    		text-align: center;
+    		left: 38%;
+    		top: 57%;
+    		font-size: 30px;
+    		text-align: center;
+    		font-family: "Helvetica";
+    		font-weight: lighter;
+    		color: rgb(3, 196, 173);
+    		z-index: 0;
+    		letter-spacing: 5px;
+    	}
+    */	#LogIn {
+    	position:absolute;
+    	width: 60% ;
+     	height:2%;
+     	top: 50%;
+     	left: 20%;
+      	background-color: rgba(255, 255, 255, 0.3);
+      	border-radius: 16px;
+      	box-shadow: rgba(0,0,0,0.1);
+      		text-align: center;
+    		font-size: 30px;
+    		font-family: "Helvetica";
+    		font-weight: lighter;
+    		text-decoration: none;
+    		padding-top: 4%;
+    		color: rgb(255,255,255);
+    		z-index: 0;
+    		margin-right: auto;
+    		margin-left: auto;
+    		letter-spacing: 10px;
+    }
+    #box1{
+    		position:absolute;
+    		width: 60% ;
+     		height:3%;
+     		top: 60%;
+     		left: 20%;
+      		background-color: rgba(255, 255, 255, 0.3);
+      		border-radius: 16px;
+      		box-shadow: rgba(0,0,0,0.1);
+    		color: rgb(255,255,255);
+    		z-index: 0;
+    		margin-right: auto;
+    		margin-left: auto;
+    }
+    #box2{
+    		position:absolute;
+    		width: 60% ;
+     		height:2%;
+     		top: 30%;
+     		left: 20%;
+      		background-color: rgba(255, 255, 255, 0.3);
+      		border-radius: 16px;
+    		color: rgb(255,255,255);
+    		z-index: 0;
+    		margin-right: auto;
+    		margin-left: auto;
+    }
+    #box3{
+    		position:absolute;
+    		width: 60% ;
+     		height:2%;
+     		top: 70%;
+     		left: 20%;
+      		background-color: rgba(255, 255, 255, 0.3);
+      		border-radius: 16px;
+    		color: rgb(255,255,255);
+    		z-index: 0;
+    		margin-right: auto;
+    		margin-left: auto;
+    }
+    #box4{
+    		position:absolute;
+    		width: 60% ;
+     		height:2%;
+     		top: 60%;
+     		left: 20%;
+      		background-color: rgba(255, 255, 255, 0.3);
+      		border-radius: 16px;
+    		color: rgb(255,255,255);
+    		z-index: 0;
+    		margin-right: auto;
+    		margin-left: auto;
+    }

360i 2/CreateAccount.html

-Original file line number
+Diff line change
@@ -0,0 +1,39 @@
+    <!DOCTYPE html>
+    <html>
+    <head>
+    	<title>360i</title>
+    <link rel="stylesheet" href="main.css" type="text/css"  />
+    	</head>
+    <body>
+    	<div class="logo"> <img src="image/logo.png"  style="width:30%";></div>
+    	<div class = "box" id = "LogIn"></div>
+    	<div class = "lorem">Lorem ipsum dolor sit amet,consectetur<br/>
+    		adipiscing elit, sed do eiusmod tempor incididunt<br/>
+    		ut labore et dolore magna aliqua. Ut enim ad minim,<br/>
+    		quis nostrud exercitationLorem ipsum dolor sit amet,<br/>
+    		ut labore et dolore magna aliqua. Ut enim ad minim veniam<br/>
+    		Lorem ipsum dolor sit amet,consectetur
+    	</div>
+    	<div id="box1"></div>
+    	<div id= "box2"></div>
+    	<div id = "box3"></div>
+    	<div id= "box4"></div>
+    </body>
+    <!--
+    //box1, 2, 3, 4 were not displayed// -->
+    </html>

360i 2/image/background.jpg

Sorry, something went wrong. Reload?