-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
91 lines (78 loc) · 4.37 KB
/
index.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
<html>
<head>
<link rel="stylesheet" href="style.css">
</head>
<body>
<centre>
<ul class="menu">
<li class="links"><a href="#home">HOME</a></li>
<li class="links"><a href="#grid view">grid view</a></li>
<li class="links"><a href="#slide view">slide view</a></li>
</ul>
</centre>
<section id=home>
<h1>MINECRAFT PLANTS</h1>
<img id="img1" src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcRiM4yL2gxFG9ELhZjbEyPjA2dNryADw-vr5Q&usqp=CAU">
</section>
<section id="grid view">
<h2> Grid gallery</h2>
<br>
<script src=""></script>
<div class="row">
<img class="img2" src="https://ih1.redbubble.net/image.896266789.0377/flat,750x,075,f-pad,750x1000,f8f8f8.jpg">
<img class="img2" src="https://i.pinimg.com/originals/45/36/29/453629806eec29183b093ef795c3a0d0.png">
<img class="img2" src="https://static.wikia.nocookie.net/minecraftpocketedition/images/b/b1/Dandelion.png/revision/latest/scale-to-width-down/125?cb=20140923084215">
<img class="img2" src="https://static.wikia.nocookie.net/minecraftpocketedition/images/0/0d/Peony_aka_Paeonia.png/revision/latest/scale-to-width-down/150?cb=20140427133517">
<br><br>
<div class="row">
<img class="img2" src="https://static.wikia.nocookie.net/minecraftpocketedition/images/3/37/Poppy.png/revision/latest/scale-to-width-down/150?cb=20140427130819">
<img class="img2" src="https://static.wikia.nocookie.net/minecraftpocketedition/images/8/81/Sunflower.png/revision/latest/scale-to-width-down/75?cb=20140427133157">
<img class="img2" src="https://static.wikia.nocookie.net/minecraftpocketedition/images/d/d4/Cornflower.png/revision/latest/scale-to-width-down/150?cb=20190212181322">
<img class="img2" src="https://static.wikia.nocookie.net/minecraftpocketedition/images/b/bf/Oxeye_Daisy.png/revision/latest/scale-to-width-down/100?cb=20140427133038">
</div>
</div>
</section>
<br>
<br>
<hr style="width: 100%;">
<section id="slides">
<h2>Sliding gallery</h2>
<div id="myCarousel" class="carousel slide" data-ride="carousel">
<div class="carousel-inner">
<div class="item">
<img class="img-responsive" src="https://static.wikia.nocookie.net/minecraftpocketedition/images/3/37/Poppy.png/revision/latest/scale-to-width-down/150?cb=20140427130819" alt="Poppy" style="width:100%;">
<div class="carousel-caption">
<h3>Poppy</h3>
</div>
</div>
<div class="item active">
<img class="img-responsive" src="https://ih1.redbubble.net/image.896266789.0377/flat,750x,075,f-pad,750x1000,f8f8f8.jpg" alt="Blue Orchid" style="width: 100%">
<div class="carousel-caption">
<h3>Blue Orchid</h3>
</div>
</div>
<div class="item">
<img class="img-responsive" src="https://static.wikia.nocookie.net/minecraftpocketedition/images/b/b1/Dandelion.png/revision/latest/scale-to-width-down/125?cb=20140923084215" alt="Dandelion" style="width: 100%">
<div class="carousel-caption">
<h3>Dandelion</h3>
</div>
</div>
<div class="item">
<img class="img-responsive" src="https://static.wikia.nocookie.net/minecraftpocketedition/images/8/81/Sunflower.png/revision/latest/scale-to-width-down/75?cb=20140427133157" alt="Sunflower" style="width: 100%">
<div class="carousel-caption">
<h3>Sunflower</h3>
</div>
</div>
</div>
<a class="left carousel-control" href="#myCarousel" data-slide="prev">
<span class="glyphicon glyphicon-chevron-left"></span>
<span class="sr-only">Previous</span>
</a>
<a class="right carousel-control" href="#myCarousel" data-slide="next">
<span class="glyphicon glyphicon-chevron-right"></span>
<span class="sr-only">Next</span>
</a>
</div>
</section>
</body>
</html>