Skip to content

Commit a13b2a1

Browse files
jorgennonstadjorgennonstad
authored
added scenes that i styled
1 parent 75ea5a6 commit a13b2a1

File tree

1 file changed

+73
-33
lines changed

1 file changed

+73
-33
lines changed

‎index.html

+73-33
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,3 @@
1-
<!DOCTYPE html>
21
<html lang="en">
32
<head>
43
<meta charset="UTF-8" />
@@ -7,22 +6,33 @@
76
<title>Group 1 Assignment 3</title>
87
<link rel="stylesheet" href="./style/index.css" />
98
<script src="./script.js" defer></script>
10-
<script src="./script.js"></script>
119
</head>
1210
<body>
1311
<main>
1412
<!-- SCENE 1 -->
1513
<div class="scene1">
1614
<img class="cloud" src="./images/cloud.png" alt="" />
1715
<img class="sun" src="./images/sun .png" alt="" />
18-
<img class="dock" src="./images/fishing_dock.png" alt="" />
19-
<img class="waves" src="./images/ocean-wave-small-tattoo-7793.png" alt=""/>
16+
<div>
17+
<img class="dock" src="./images/fishing_dock.png" alt="" />
18+
<img class="bottle throwBottleAnimation" src="./images/nice-bottle.png" alt="">
19+
</div>
20+
21+
<img
22+
class="waves"
23+
src="./images/ocean-wave-small-tattoo-7793.png"
24+
alt=""
25+
/>
2026
</div>
2127

2228
<!-- SCENE 2 -->
2329
<div class="scene2">
24-
<div>
25-
<img class="background-plants-left" src="./images/coral-purple.png" alt=""/>
30+
<div class="plantContainer">
31+
<img
32+
class="background-plants-left"
33+
src="./images/coral-purple.png"
34+
alt=""
35+
/>
2636
</div>
2737
<div class="scene-text-conteiner">
2838
<h2>header 2</h2>
@@ -32,11 +42,14 @@ <h2>header 2</h2>
3242
varius. Mauris vel dui in ex vestibulum fermentum rutrum nec diam.
3343
</p>
3444
</div>
35-
<div> <!-- Trash container -->
36-
<img class="floatingBottleTrash" src="./images/bottle-trash-2.png" alt="">
37-
</div>
38-
<div>
39-
<img class="background-plants-right" src="./images/pink-coral.png" alt=""/>
45+
<div></div>
46+
<!-- Fill with fish or something -->
47+
<div class="plantContainer">
48+
<img
49+
class="background-plants-right"
50+
src="./images/pink-coral.png"
51+
alt=""
52+
/>
4053
</div>
4154
</div>
4255

@@ -50,21 +63,27 @@ <h2>header 3</h2>
5063
varius. Mauris vel dui in ex vestibulum fermentum rutrum nec diam.
5164
</p>
5265
</div>
53-
<div>
54-
<img class="background-plants-right" src="./images/green-sea-grass-right.png" alt=""/>
55-
</div>
56-
<div> <!-- Trash container -->
57-
<img class="floatingBottleTrash" src="./images/bottle-trash-1.png" alt="">
58-
</div>
59-
<div> <!-- Trash container -->
60-
<img class="floatingBottleTrash" src="./images/bottle-trash-2.png" alt="">
66+
<div class="plantContainer">
67+
<img
68+
class="background-plants-right"
69+
src="./images/green-sea-grass-right.png"
70+
alt=""
71+
/>
6172
</div>
73+
<div></div>
74+
<!-- Fill with fish or something -->
75+
<div></div>
76+
<!-- Fill with fish or something -->
6277
</div>
6378

6479
<!-- SCENE 4 -->
6580
<div class="scene4">
66-
<div>
67-
<img class="background-plants-left" src="./images/dead-coral-left.png" alt=""/>
81+
<div class="plantContainer">
82+
<img
83+
class="background-plants-left"
84+
src="./images/dead-coral-left.png"
85+
alt=""
86+
/>
6887
</div>
6988
<div class="scene-text-conteiner">
7089
<h2>header 4</h2>
@@ -74,11 +93,14 @@ <h2>header 4</h2>
7493
varius. Mauris vel dui in ex vestibulum fermentum rutrum nec diam.
7594
</p>
7695
</div>
77-
<div> <!-- Trash container -->
78-
<img class="floatingBottleTrash" src="./images/bottle-trash-2.png" alt="">
79-
</div>
80-
<div>
81-
<img class="background-plants-right" src="./images/dead-coral-right.png" alt=""/>
96+
<div></div>
97+
<!-- Fill with fish or something -->
98+
<div class="plantContainer">
99+
<img
100+
class="background-plants-right"
101+
src="./images/dead-coral-right.png"
102+
alt=""
103+
/>
82104
</div>
83105
</div>
84106

@@ -92,16 +114,34 @@ <h2>header 5</h2>
92114
varius. Mauris vel dui in ex vestibulum fermentum rutrum nec diam.
93115
</p>
94116
</div>
95-
<div> <!-- Trash container -->
96-
<img class="floatingBottleTrash" src="./images/bottle-trash-2.png" alt="">
97-
</div>
98-
<div>
99-
<img class="background-plants-left" src="./images/dead-coral-left.png" alt=""/>
117+
<div></div>
118+
<!-- Fill with fish or something -->
119+
<div class="plantContainer">
120+
<img
121+
class="background-plants-left"
122+
src="./images/dead-coral-left.png"
123+
alt=""
124+
/>
100125
</div>
101-
<div>
102-
<img class="background-plants-right" src="./images/dead-coral-right.png" alt=""/>
126+
<div class="plantContainer">
127+
<img
128+
class="background-plants-right"
129+
src="./images/dead-coral-right.png"
130+
alt=""
131+
/>
103132
</div>
104133
</div>
134+
135+
<!-- SCENE 6 -->
136+
<div class="scene6">
137+
<h3>IS THIS THE EARTH YOU WANT TO LIVE ON ?</h3>
138+
</div>
139+
140+
<!-- SCENE 7 -->
141+
<div class="scene7"></div>
142+
143+
<!-- SCENE 8 -->
144+
<div class="scene8"></div>
105145
</main>
106146
</body>
107147
</html>

0 commit comments

Comments
 (0)