-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathassignment3.html
61 lines (60 loc) · 1.79 KB
/
assignment3.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
<!DOCTYPE html>
<html>
<head>
<title>Collage-Wehrenberg,Molly</title>
<meta charset="UTF-8">
<style>
#title{
text-align:center;
position:absolute;
color:#C71585;
z-index:1;
margin-left:345px;
margin-top:225px;
-ms-transform: rotate(5deg); /* IE 9 */
-webkit-transform: rotate(5deg); /* Safari */
transform: rotate(5deg); /* Standard syntax */
opacity:1.0;
font-family: 'Raleway', sans-serif;
}
.w{
width:400px;
height:300px;
-ms-transform: rotate(-20deg); /* IE 9 */
-webkit-transform: rotate(-20deg); /* Safari */
transform: rotate(-20deg); /* Standard syntax */
z-index:-0.2;
margin-bottom:500px;
opacity:0.85;
}
.e{
position:relative;
width:400px;
height:300px;
margin-left:30px;
margin-bottom:400px;
-ms-transform: rotate(10deg); /* IE 9 */
-webkit-transform: rotate(10deg); /* Safari */
transform: rotate(10deg); /* Standard syntax */
z-index:-1;
border:2px solid #6495ED;
}
.r{
position:absolute;
width:300px;
height:250px;
margin-left:-630px;
margin-top:250px; -ms-transform: rotate(-3deg); /* IE 9 */
-webkit-transform: rotate(-3deg); /* Safari */
transform: rotate(-3deg); /* Standard syntax */
z-index:-1;
}
</style>
</head>
<body>
<h1 id="title"><link href='https://fonts.googleapis.com/css?family=Raleway:100,400' rel='stylesheet' type='text/css'>Summer</h1>
<img class="w" src="https://s-media-cache-ak0.pinimg.com/736x/95/c1/93/95c19301b8a9ff0855bc332839aa6dff.jpg">
<img class="e" src="http://vacationresort.xyz/wp-content/uploads/2015/10/california-palm-trees-vintage-w0us0hfia.jpg">
<img class="r" src="https://mylifeasevadotcom.files.wordpress.com/2015/06/img_1513.jpg">
</body>
</html>