-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
152 lines (119 loc) · 5.73 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
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
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>MOVIE SITE YO!</title>
<!-- Add the following lines for Bootstrap CSS -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">
<style>
/* Custom CSS for additional styling */
body {
padding-top: 40px; /* Optional: Adjust the padding to your liking */
background-color: rgb(15, 32, 126); /* Change the background color */
background-image: url('https://images.wallpaperscraft.com/image/single/toy_teddy_avocado_144736_1400x1050.jpg'); /* Add the background image URL */
background-size: cover; /* Adjust the background image size */
background-position: center; /* Adjust the background image position */
color: rgb(5, 137, 245), 143, 240); /* Set the text color */
}
.custom-box {
background: linear-gradient(45deg, #ffcc00, #ff6666);
border: 1px solid #f7f7f7;
border-radius: 10px;
padding: 20px;
margin-bottom: 20px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
transition: transform 0.3s ease-in-out;
}
.custom-box:hover {
transform: scale(1.05);
}
</style>
</head>
<body>
<div class="container text-center">
<div class="col-md-6 mx-auto">
<div class="custom-box">
<div class="card p-4 mb-4">
<h1>Breaking Bad</h1>
<p> Jesse wasn’t originally intended to be a major character. </p>
<p> Giancarlo Esposito wasn’t interested in taking on the role of Gus Fring </p>
<p> Vince told me that I changed the game and raised the bar for the show. </p>
<p> Eddie was just doing his job. And I wanted Gus to be in that mode.</p>
</div>
</div>
</div>
<div class="col-md-6 mx-auto">
<div class="custom-box">
<div class="card p-4 mb-4">
<h1>Prison Break</h1>
<p> Prison Break was banned from broadcasting in as many as 13 prisons across the United States. </p>
<p> It would have taken 4 years and over $ 20,000 to create it. </p>
<p> Dominic Purcell was the last actor to join the series.</p>
<p> Yes, FOX, which aired Prison Break, did turn down the project at first.</p>
</div>
</div>
</div>
<div class="col-md-6 mx-auto">
<div class="custom-box">
<div class="card p-4 mb-4">
<h1>Kum Kum Bhaghya</h1>
<p>The handsome and dashing man, Abhi in Kumkum Bhagya, grew to become the real-life rockstar over each fan’s thoughts.</p>
<p>Kumkum Bhagya’s Tanu who played the role of an antagonist. </p>
<p>She played Abhi’s love interest in the initial years of the serial.</p>
<p>Splitsvilla provides winners an opportunity in the TV industry.</p>
<p>Krishna has managed to take his place amid the gang of younger actors on the small screen.</p>
</div>
</div>
</div>
<div class="col-md-6 mx-auto">
<div class="custom-box">
<div class="card p-4 mb-4">
<h1>Vioja Mahakamani</h1>
<p>Vioja Mahakamani actor Gibson Gathu known for his Prosecutor role in the KBC TV drama is dead.</p>
<p>He passed away at MediHeal hospital, Eldoret. His demise was confirmed by his family. </p>
<p>Gibson Gathu Mbugua was born in Bahati, Nairobi county.</p>
<p>He attended went Uhuru Primary School in the area.</p>
</div>
</div>
</div>
<div class="col-md-6 mx-auto">
<div class="custom-box">
<div class="card p-4 mb-4">
<h1>Inspekta Mwala</h1>
<p>Actor Davis Mwabili aka Inspekta Mwala has been forced to clarify that he is not dead but alive following a viral Tiktok video.</p>
<p>Mwala shut down the death rumour </p>
<p>This is not the first time Mwala is being ‘Killed’ on the internet. </p>
<p>He died today in the morning.</p>
</div>
</div>
</div>
</div>
<!-- Footer -->
<footer class="bg-dark text-light text-center py-4">
<div class="container mx-auto">
<div class="row">
<div class="col-md-6">
<!-- Social Media Handles with Icons -->
<h5>Follow Us</h5>
<a href="#" class="text-light"><i class="fab fa-facebook"></i> Tomato Fruit</a> |
<a href="#" class="text-light"><i class="fab fa-twitter"></i> SD Baridi</a> |
<a href="#" class="text-light"><i class="fab fa-tiktok"></i> Tomato Fruit</a>
</div>
<div class="col-md-6">
<!-- Other Information with Clickable Email and Phone -->
<h5>Contact Us</h5>
<p>Email: <a href="mailto:info@example.com" class="text-light">Kibirazjohn@example.com</a></p>
<p>Phone: <a href="tel:+11234567890" class="text-light">+254740334048</a></p>
</div>
</div>
</div>
</footer>
<!-- Bootstrap JS and Popper.js (required for some Bootstrap components) -->
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.10.2/dist/umd/popper.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>
<!-- Add Font Awesome script -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/js/all.min.js"></script>
</body>
</html>