diff --git a/360i 2/360i.html b/360i 2/360i.html new file mode 100644 index 0000000..979cec5 --- /dev/null +++ b/360i 2/360i.html @@ -0,0 +1,41 @@ + + + + 360i + + + + + + + + + + + +
Create Account
+
LOG IN
+
Lorem ipsum dolor sit amet,consectetur
+ adipiscing elit, sed do eiusmod tempor incididunt
+ ut labore et dolore magna aliqua. Ut enim ad minim,
+ quis nostrud exercitationLorem ipsum dolor sit amet,
+ ut labore et dolore magna aliqua. Ut enim ad minim veniam
+ Lorem ipsum dolor sit amet,consectetur +
+ + + + + + + + + + + + + diff --git a/360i 2/CreateAccount.css b/360i 2/CreateAccount.css new file mode 100644 index 0000000..f4116f5 --- /dev/null +++ b/360i 2/CreateAccount.css @@ -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; + +} \ No newline at end of file diff --git a/360i 2/CreateAccount.html b/360i 2/CreateAccount.html new file mode 100644 index 0000000..509263b --- /dev/null +++ b/360i 2/CreateAccount.html @@ -0,0 +1,39 @@ + + + + 360i + + + + + + +
+ +
Lorem ipsum dolor sit amet,consectetur
+ adipiscing elit, sed do eiusmod tempor incididunt
+ ut labore et dolore magna aliqua. Ut enim ad minim,
+ quis nostrud exercitationLorem ipsum dolor sit amet,
+ ut labore et dolore magna aliqua. Ut enim ad minim veniam
+ Lorem ipsum dolor sit amet,consectetur +
+ +
+
+
+
+ + + + + + + + + + + + + + \ No newline at end of file diff --git a/360i 2/image/background.jpg b/360i 2/image/background.jpg new file mode 100644 index 0000000..5652e5d Binary files /dev/null and b/360i 2/image/background.jpg differ diff --git a/360i 2/image/background2.jpg b/360i 2/image/background2.jpg new file mode 100644 index 0000000..a4c1350 Binary files /dev/null and b/360i 2/image/background2.jpg differ diff --git a/360i 2/image/background3.jpg b/360i 2/image/background3.jpg new file mode 100644 index 0000000..422692e Binary files /dev/null and b/360i 2/image/background3.jpg differ diff --git a/360i 2/image/logo.png b/360i 2/image/logo.png new file mode 100644 index 0000000..a58de03 Binary files /dev/null and b/360i 2/image/logo.png differ diff --git a/360i 2/image/stock-photo-113916201.jpg b/360i 2/image/stock-photo-113916201.jpg new file mode 100644 index 0000000..aeb6a0e Binary files /dev/null and b/360i 2/image/stock-photo-113916201.jpg differ diff --git a/360i 2/main.css b/360i 2/main.css new file mode 100644 index 0000000..3b295a1 --- /dev/null +++ b/360i 2/main.css @@ -0,0 +1,100 @@ + +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:4%; + 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; + +} \ No newline at end of file diff --git a/360i 2/main.html b/360i 2/main.html new file mode 100644 index 0000000..e145823 --- /dev/null +++ b/360i 2/main.html @@ -0,0 +1,35 @@ + + + + 360i + + + + + + +
LOG IN
+
Lorem ipsum dolor sit amet,consectetur
+ adipiscing elit, sed do eiusmod tempor incididunt
+ ut labore et dolore magna aliqua. Ut enim ad minim,
+ quis nostrud exercitationLorem ipsum dolor sit amet,
+ ut labore et dolore magna aliqua. Ut enim ad minim veniam
+ Lorem ipsum dolor sit amet,consectetur +
+ + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/360i 2/style.css b/360i 2/style.css new file mode 100644 index 0000000..bbddbc7 --- /dev/null +++ b/360i 2/style.css @@ -0,0 +1,108 @@ +html { + height: 100%; +} + +body { + padding: 0px; + margin: 0px; + background: url("image/background.jpg") no-repeat center center fixed; + background-size: cover; +} + + +/*.absolute-position{ + + position: absolute; + left: 65%; + + + +}*/ + +.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:4%; + top: 50%; + left: 20%; + background-color: rgba(255, 255, 255, 0.45); + 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; + +} \ No newline at end of file