forked from DWDMobile/Week-2-Homework
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy path360i.html
111 lines (72 loc) · 1.65 KB
/
360i.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
<html>
<head>
<h1>360 i</h1>
<h2>
<div id="box">
<div class = "box" id = "LogIn"><a href="main.html">LOG IN</a></div></h2>
<h3>Lorem ipsum dolor sit amet,
consectetur adipiscing elit, sed do eiusmod tempor incididunt
ut labore et dolore magna aliqua. Ut enim ad minim veniam,
quis nostrud exercitation</h3>
<div class="img">
<img src="image/background.jpg" style= "widht:100%; height:100%"; position:absolute;top:0 z-index: -1;>
<style>
h1 {
position: absolute;
text-align: center;
font-size: 24px;
font-family: "Helvetica";
font-weight: medium;
letter-spacing: 2px;
padding: 130px 0px 0px 260px;
color: rgb(255, 1255, 255);
}
h2{position: absolute;
text-align: center;
font-size: 14px;
font-family: "Helvetica";
font-weight: lighter;
text-decoration: none;
padding: 600px 0px 20px 170px;
color: rgb(255,255,255);
margin: auto;
letter-spacing: 3px;
}
h3{position: absolute;
text-align: center;
font-size: 10px;
font-family: "Helvetica";
font-weight: lighter;
text-decoration: none;
padding: 200px 0px 20px 220px;
color: rgb(3, 196, 173);
margin: auto;
letter-spacing: 1px;
margin-top: 20px;
margin-bottom: 100px;
margin-right: 600px;
margin-left: 0px;
}
a:link {text-decoration: : none;
color: rgb(255,255,255);
}
a:hover, a:active {
color: rgb(196, 3, 176);
text-decoration: none;
}
#LogIn {
position:center;
width: 100% ;
height:2%;
margin:auto;
padding: 10px;
padding-right:80px;
background-color: rgba(255, 255, 255, 0.3);
border-radius: 10px;
box-shadow: rgba(0,0,0,0.1);
}
</<style>
</head>
<body>
</body>
</html>