We show about static webpage about a cherry and categories like Favourite song, favourite color, Favourite Games, Favourite cartoons etc.
Main.py:-
from flask import Flask, render_template
app = Flask(__name__)
@app.route("/")
def home():
return render_template("home.html")
@app.route("/About")
def About():
return render_template("About.html")
@app.route("/Contact")
def Contact():
return render_template("Contact.html")
@app.route("/card1")
def card1():
return render_template("card1.html")
@app.route("/card2")
def card2():
return render_template("card2.html")
@app.route("/card3")
def card3():
return render_template("card3.html")
@app.route("/card4")
def card4():
return render_template("card4.html")
@app.route("/card5")
def card5():
return render_template("card5.html")
@app.route("/card6")
def card6():
return render_template("card6.html")
if __name__ == '__main__':
app.run(debug=True)
Home.html:-
{% extends "base.html" %}
{% block title %}Home{% endblock %}
{% block content %}
<style>
body {
background-color: #cdd7ef;
}
h1 {
color: black;
padding-left:200px;
font-weight: bold;
font-family: Roboto;
}
p {
color: black;
padding-left:10px;
font-family: Open sans;
}
jumbotron {
background-color: black;
}
card {
box-shadow: 0, 4px, 8px, rgba(0, 0, 0, 0.2);
text-align: center;
margin-bottom: 100px;
}
</style>
<div class="">
<h1 class="display-4">WELCOME TO CHERRY</h1>
<p class="lead">This is a beautiful girl. She knows everything and anything. She is clever. That girl named as Cherry. She is from vizag. She is hardworking person. She is beautiful when compared to other girls without any makeup. She is naughty girl. Her smile also very beautiful.</p>
</div>
<!-- Main Content -->
<div class="container">
<div class="row">
<div class="col-md-4 mb-3">
<div class="card bg-primary text-white text-align:centre">
<div class="card-body">
<a href="{{ url_for('card1') }}" class="btn btn-primary" role="button">FAVOURITE SONGS</a>
<p class="card-text"></p>
</div>
</div>
</div>
<div class="col-md-4 mb-3">
<div class="card bg-success text-white">
<div class="card-body">
<a href="{{ url_for('card2') }}" class="btn btn-success" role="button">FAVOURITE GAMES</a>
<p class="card-text"></p>
</div>
</div>
</div>
<div class="col-md-4 mb-3">
<div class="card bg-info text-white">
<div class="card-body">
<a href="{{ url_for('card3') }}" class="btn btn-info" role="button">FAVOURITE FOOD</a>
<p class="card-text"></p>
</div>
</div>
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-md-4 mb-3">
<div class="card bg-warning text-white">
<div class="card-body">
<a href="{{ url_for('card4') }}" class="btn btn-warning" role="button">FAVOURITE CARTOONS</a>
</div>
</div>
</div>
<div class="col-md-4 mb-3">
<div class="card bg-danger text-white">
<div class="card-body">
<a href="{{ url_for('card5') }}" class="btn btn-danger" role="button">FAVOURITE COLOR</a>
<p class="card-text"></p>
</div>
</div>
</div>
<div class="col-md-4 mb-3">
<div class="card bg-dark text-white">
<div class="card-body">
<a href="{{ url_for('card6') }}" class="btn btn-dark" role="button">FAVOURITE NICKNAME</a>
<p class="card-text"></p>
</div>
</div>
</div>
</div>
</div>
<body>
<title>CONTACT FORM</title>
<div class="container mt-5">
<h2 class="text-center mb-4">Contact Us</h2>
<form>
<div class="form-group">
<label for="name">Name</label>
<input type="text" class="form-control" id="name" placeholder="Enter your name">
<div class="form-group">
<label for="email">Email Address</label>
<input type="email" class="form-control" id="email" placeholder="Enter your email">
</div>
</div>
<div class="form-group">
<label for="message">Message</label>
<textarea class="form-control" id="message" rows="5" placeholder="Type your message here"></textarea>
<button type="submit" class="btn btb-primary">Submit</button>
</div>
</form>
</div>
</body>
{% endblock %}
Base.html:-
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- Bootstrap CSS -->
<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" rel="stylesheet">
<title>{% block title %}My webpage{% endblock %}</title>
</head>
<body>
<!-- Navbar -->
<nav class="navbar navbar-expand-lg navbar-light bg-dark style=font-family: 'Arial', sans-serif;">
<a class="navbar-brand" href="{{ url_for('home') }}" style="color: #EEEEEE;" font-family="sans">CHERRY</a>
<button class="navbar-toggler" type="button" data-toggler="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggler navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav ml-auto">
<li class="nav-item">
<a class="nav-link" href="{{ url_for('home') }}" style="color: #EEEEEE;">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="{{ url_for('About') }}" style="color: #EEEEEE;">About</a>
</li>
<li class="nav-item">
<a class="nav-link" href="{{ url_for('Contact') }}" style="color: #EEEEEE">Contact</a>
</li>
</ul>
</div>
</nav>
<!-- main content -->
<div class="container mt-4">
{% block content %}{% endblock %}
</div>
<footer class="footer bg-dark text-white mt-5 p-4 text-center">
<div class="container">
<span>© 2024 Cherry. All rights are Reversed.</span>
</div>
</footer>
<!-- bootstrap JS and Dependencies -->
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.css.js"></script>
<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.5.2/dist/umd/popper/.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
</body>
</html>
Card1.html:-
<style>
body {
background-color: #f0f8ff;
h1 {
color:black;
padding-left: 500px;
font-weight:bold;
font-family: Roboto;
}
p {
color: black;
padding-left:100px;
font-family: Open sans;
}
</style>
<body>
<h1 class="display-4">-:FAVOURITE MUSIC:-</h1>
<p class="lead">The favourite songs are Manasavacha, Ramachakani Sita, Andamga lena, Tippulu Tappulu </p>
<p class="lead">Manasavacha : Manasavacha song is a telugu movie song from the Godavari released on 2006. Music of manasavacha song is composed by KM.Radhakrishna. Manasavacha song sung by Unnikrishnan, Chitra.</p>
<p class="lead">Ramachakani Sita: Ramachakani sita is a telugu language song and is sung by Gayathri and K.M. Radha Krishnan. Ramachakani sita from the album Godavari, was released in the year 2013. </p>
<p class="lead">Andamagalena : Andamagalena is a telugu language song and is sung by sunitha and K.M.Radha Krishnan.Andamaga lena,from the album Godavari, was released in the year 2013.</p>
<p class="lead">Tippulu Tappulu : Tippulu Tappulu is a telugu language song and is sung by Shreya Ghoshal and K.M. Radha Krishnan. Tippulu Tappulu, from the Godavari, was released in the year 2013.</p>
</body>
Card2.html:-
<style>
body {
background-color: #f0f8ff;
h1 {
color: black;
padding-left: 500px;
font-weight: bold;
font-family: Roboto;
}
p {
color: black;
padding-left:200px;
font-family: Open sans;
}
</style>
<body>
<h1 class="display-4">FAVOURITE GAMES</h1>
<p class="lead">The favourite games are Kho Kho, Shuttle.</p>
<p class="lead">Kho-Kho : Kho-Kho is a traditional Indian sport that is part of the larger family of "tag" games. It is a popular in many regions of india and is played in schools, colleges,and at competitive leevls.</p>
<p class="lead">Shuttle : Shuttle commonly refers to badminton, a popular racquet sport played using a shuttlecock. it is on eof the popular sports in the world, especiallly in countries like China, Indonesia, india, Malaysia, Denmark, and South Korea. </p>
</body>
Card3.html:-
<style>
body {
background-color: #f0f8ff;
}
h1 {
color: black;
padding-left: 500px;
font-weight: bold;
font-family: Roboto;
}
p {
color: black;
padding-left: 100px;
font-family: Open sans;
}
</style>
<h1 class="display">-:FAVOURITE FOODS:-</h1>
<p class="lead">Bingo : "Bingo!" is a popular snack brand in India, owned by ITC Limited. The brand offers a variety of potato chips, snacks, and finger foods that are widely enjoyed across the country. </p>
<p class="lead">Moligai Biryani : "Moligai Biryani" is not a widely recognized term or specific type of biryani. However, it seems to be a variation or regional interpretation of biryani that emphasizes the use of spices ("Moligai" in Tamil refers to "chillies" or "spices").Given this, "Moligai Biryani" could likely refer to a spicer version of biryani,possibly with a focus on certain types of spices or chilies that add a distinct flavour to the dish.</p>
Card4.html:-
<style>
body {
background-color: #f8f0ff;
}
h1 {
color: black;
padding-left: 500px;
font-weight: bold;
font-family: Roboto;
}
p {
color: black;
padding-left: 100px;
font-family: Opens sans;
}
</style>
<h1 class="display-4">FAVOURITE CARTOONS</h1>
<p class="lead">"Doraemon" is a popular Japanase anime and manga series created by Fujiko F.Fujio (The pen name of Hiroshi Fujimoto and Motoo Abiko). The series revolves around cat named Doraemon, who travels back in time from the 22nd century to assist a young boy named Nobita Nobi in overcoming his everyday challenges.</p>
Card5.html:-
<style>
body {
background-color: #f8f0ff;
}
h1 {
color: black;
padding-left: 500px;
font-weight: bold;
font-family: Roboto;
}
p {
color: black;
padding-left: 100px;
font-family: open sans;
}
</style>
<h1 class="display">-:FAVOURITE COLOR:-</h1>
<p class="lead">Blue is one of the primary colors in the color spectrum and is widely appreciated for its calming and serene qualities. It is a versalite color with a broad range of shades, each evoking different emotions and associations.</p>
0 Comments