-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
129 lines (107 loc) · 6.62 KB
/
Copy pathindex.html
File metadata and controls
129 lines (107 loc) · 6.62 KB
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
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" integrity="sha384-JcKb8q3iqJ61gNV9KGb8thSsNjpSL0n8PARn9HuZOnIxN0hoP+VmmDGMN5t9UJ0Z" crossorigin="anonymous">
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js" integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js" integrity="sha384-B4gt1jrGC7Jh4AgTPSdUtOBvfO8shuf57BaghqFfPlYxofvL8/KUEfYiJOMMV+rV" crossorigin="anonymous"></script>
</head>
<body>
<div id="sectionhomepage">
<div class="main-container">
<img src="https://d1tgh8fmlzexmh.cloudfront.net/ccbp-static-website/software-developer-img.png" class="mainimg">
<div class="d-flex flex-column fuck">
<h1 class="h1">My Projects</h1>
<p class="p1">These are a few of my Static Website projects that i have<br />developed using HTML,CSS and Bootstrap</p>
</div>
<div class="d-flex flex-row">
<div><img src="https://d1tgh8fmlzexmh.cloudfront.net/ccbp-static-website/advanced-technologies-img.png" class="i1" onclick="display('sectionvr')"></div>
<div><img src="https://d1tgh8fmlzexmh.cloudfront.net/ccbp-static-website/diwali-img.png" class="i1" onclick="display('sectiondiwali')"></div>
</div>
<div class="d-flex flex-row">
<div><img src="https://d1tgh8fmlzexmh.cloudfront.net/ccbp-static-website/food-img.png" class="i1" onclick="display('sectionfood')"></div>
<div><img src="https://d1tgh8fmlzexmh.cloudfront.net/ccbp-static-website/news-paper-img.png" class="i1" onclick="display('sectionnews')"></div>
</div>
</div>
</div>
<div id="sectionvr">
<div class="containervr d-flex flex-column justify-content-end">
<div class="cardvr">
<h1 class="headingvr">Advanced Technology</h1>
<p class="paragraphvr">Machinery and equipment developed from the application of scientific knowledge</p>
<button class="button-1vr">Learn More</button>
<button class="btn-primary button-2vr" onclick="display('sectionhomepage')">Back</button>
</div>
</div>
</div>
<div id="sectiondiwali">
<div class="diwali-top-section">
<h1 class="diwali-top-section-heading">
Celebrate Diwali with your friends
</h1>
</div>
<div class="diwali-bottom-section">
<div class="d-flex flex-row justify-content-center">
<div class="diwali-card-item">
<img
src="https://d1tgh8fmlzexmh.cloudfront.net/ccbp-static-website/lamp-img.png"
class="diwali-card-image"
/>
<h1 class="diwali-card-name">Diwali Air Balloon</h1>
<p class="diwali-card-price">Rs 369</p>
</div>
<div class="diwali-card-item">
<img
src="https://d1tgh8fmlzexmh.cloudfront.net/ccbp-static-website/diya-img.png"
class="diwali-card-image"
/>
<h1 class="diwali-card-name">Diwali - Lamp</h1>
<p class="diwali-card-price">Rs 50</p>
</div>
</div>
<div class="d-flex flex-row justify-content-center">
<div class="diwali-card-item">
<img
src="https://d1tgh8fmlzexmh.cloudfront.net/ccbp-static-website/firework-img.png"
class="diwali-card-image"
/>
<h1 class="diwali-card-name">Sparklers</h1>
<p class="diwali-card-price">Rs 150</p>
</div>
<div class="diwali-card-item">
<img
src="https://d1tgh8fmlzexmh.cloudfront.net/ccbp-static-website/firecracker-img.png"
class="diwali-card-image"
/>
<h1 class="diwali-card-name">Fire Cracker</h1>
<p class="diwali-card-price">Rs 560</p>
</div>
</div>
<button class="btn btn-primary" onclick="display('sectionhomepage')">Back to home</button>
</div>
</div>
<div id="sectionfood">
<div class="containerf d-flex flex-column justify-content-end">
<div class="main-containerf">
<h1 class="headingf">Happy Meals</h1>
<p class="paraf">Discover the best foods ovet the 1,000 restaurents</p>
<button class="buttonf">Book Now</button>
<button class="backf" onclick="display('sectionhomepage')">Back</button>
</div>
</div>
</div>
<div id="sectionnews">
<body>
<div class="containern d-flex flex-column justify-content-end">
<div class="cardn">
<p>Here is the news today...</p>
<h1 class="headingn">iB Cricket announces world's first<br />Virtual Reality Cricket League</h1>
<p class="paragraphn">iB Cricket and Viu together have announced the world's first virtual reality cricket league featuring 12 international cricketers,who will be competing aganist each other for the iB Cricket Super Over League title in Mumbai. Iconic cricketers like Virendra Sehwag, Suresh Raina, Brendon McCullum will be competing in the league</p>
<button class="button-1n" onclick="display('sectionhomepage')">Go Back</button>
</div>
</div>
</div>
<script type="text/javascript" src="https://d1tgh8fmlzexmh.cloudfront.net/ccbp-static-website/js/ccbp-ui-kit.js"></script>
</body>
</html>