-
Notifications
You must be signed in to change notification settings - Fork 0
/
firstpagefour.html
71 lines (63 loc) · 2.79 KB
/
firstpagefour.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
<!-- <!DOCTYPE html>
<head>
<style>
.style{
background-color: aqua;
}
</style>
</head>
<body>
<div class="style" style="border-style: dotted; padding: 30px; height: 100px;">
<img src="https://upload.wikimedia.org/wikipedia/commons/thumb/e/e6/Rosa_rubiginosa_1.jpg/220px-Rosa_rubiginosa_1.jpg" width="100px" height="100px" style="border-radius: 50%; float: left; margin-right: 20px; float: right;" />
<p style="margin: 0px;">
The leaves are borne alternately on the stem. In most species they are 5 to 15 centimetres (2.0 to 5.9 in)
long, pinnate, with (3–) 5–9 (−13) leaflets and basal stipules; the leaflets usually have a serrated margin,
and often a few small prickles on the underside of the stem. Most roses are deciduous but a few
(particularly from Southeast Asia) are evergreen or nearly so.
</p>
</div>
</body> -->
<!-- Session Two -->
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<!-- session Left -->
<div style="background-color: blue;
width: 600px;
height: 800px;
display: inline-block;">
<!-- session top -->
<div style="background-color: brown; height: 600px; display: block;">
<video controls src="my_images/SampleVideo_720x480_5mb.mp4" style="width: 600px; height: 600px;"></video>
</div>
<!-- session bottom -->
<div style="background-color: plum; height: 200px; display: block; padding: 30px;">
<p>
Flowers are a vital part of the world’s eco-system and are the basis of all life on earth. Not only do
they produce oxygen for us to breathe, but they also provide food for birds, insects and animals on
every continent. They grow on the highest mountains and even underwater and every country has their…
</p>
</div>
</div>
<!-- session R-->
<div style="background-color: blueviolet;
width: 300px;
height: 800px;
display: inline-block;">
<!-- session 1 -->
<div style="background-color: green; height: 266px; display: block;">
<video controls src="my_images/SampleVideo_720x480_5mb.mp4" style="width: 300px; height: 266px;"></video>
</div>
<!-- session 2 -->
<div style="background-color: orangered; height: 267px; display: block;">
<video controls src="my_images/SampleVideo_720x480_5mb.mp4" style="width: 300px; height: 266px;"></video>
</div>
<!-- session 3 -->
<div style="background-color: yellow; height: 267px; display: block;">
<video controls src="my_images/SampleVideo_720x480_5mb.mp4" style="width: 300px; height: 266px;"></video>
</div>
</div>
</body>
</html>