Sign in
harshulaxman / Pharma Public
forked from selvasachein/Pharma
0 stars 155 forks Branches Tags Activity
Star Notifications
Code Pull requests Actions Projects Security Insights
main Go to file Code
This branch is 1 commit ahead of selvasachein/Pharma:main .
harshulaxman Success 2 minutes ago
pharmacy Success 2 minutes ago
README.md Success 2 minutes ago
image-1.png Success 2 minutes ago
image-2.png Success 2 minutes ago
image-3.png Success 2 minutes ago
image.png Success 2 minutes ago
README
Project Responsive Web Design using
Bootstrap
Date:10/05/24
AIM:
To design a responsive website for a Pharmaceutical Company using Bootstrap.
DESIGN STEPS:
Step 1:
Clone the repository from GitHub.
Step 2:
Create Django Admin project.
Step 3:
Create a New App under the Django Admin project.
Step 4:
Insert the necessary CSS and JavaScript files as external in order to use Bootstrap.
Step 5:
Create a HTML file and include the needed Bootstrap components.
Step 6:
Publish the website in the LocalHost.
PROGRAM :
web.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Home - Curecorner</title>
<!-- Bootstrap CSS -->
<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootst
<!-- Custom CSS -->
<style>
body {
background-image: url('a.jpg');
background-size: cover;
background-repeat: no-repeat;
}
footer{
position: fixed;
left: 0;
bottom: 0;
width: 100%;
background-color: #343a40;
color: white;
text-align: center;
padding: 10px 0;
}
</style>
</head>
<body>
<!-- Navbar -->
<nav class="navbar navbar-expand-lg navbar-dark bg-primary">
<a class="navbar-brand" href="#">Curecorner</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav mr-auto">
<li class="nav-item active">
<a class="nav-link" href="web.html">Home <span class="sr-only">(cu
</li>
<li class="nav-item">
<a class="nav-link" href="about.html">About</a>
</li>
<li class="nav-item">
<a class="nav-link" href="product.html">Products</a>
</li>
<li class="nav-item">
<a class="nav-link" href="contact.html">Contact</a>
</li>
</ul>
<ul class="navbar-nav ml-auto">
<li class="nav-item">
<a class="nav-link" href="#">Login</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Register</a>
</li>
</ul>
</div>
</nav>
<!-- Page Content -->
<div class="container mt-5">
<div class="row">
<div class="col-md-8">
<h1>Welcome to Curecorner</h1><br>
<h3>Your trusted destination for all your healthcare needs!</h3><br
<h4>We are dedicated to providing you with the highest quality medic
<p>Feel free to explore our website and discover the wide range of p
</div>
<div class="col-md-4">
</div>
</div>
</div>
<!-- Footer -->
<footer class="bg-dark text-white text-center py-4 mt-5">
<p>© 2024 All rights reserved.</p>
</footer>
<!-- Bootstrap JS -->
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/
[email protected]/dist/umd/poppe
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootst
</body>
</html>
about.html
!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>About Curecorner</title>
<!-- Bootstrap CSS -->
<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootst
<!-- Custom CSS -->
<style>
body {
background-image: url('a.jpg');
background-size: cover;
background-repeat: no-repeat;
}
footer{
position: fixed;
left: 0;
bottom: 0;
width: 100%;
background-color: #343a40;
color: white;
text-align: center;
padding: 10px 0;
}
</style>
</head>
<body>
<!-- Navbar -->
<nav class="navbar navbar-expand-lg navbar-dark bg-primary">
<a class="navbar-brand" href="#">urecorner</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav mr-auto">
<li class="nav-item">
<a class="nav-link" href="web.html">Home</a>
</li>
<li class="nav-item dropdown active">
<a class="nav-link dropdown-toggle" href="about.html" id="navbarD
About
</a>
<div class="dropdown-menu" aria-labelledby="navbarDropdownAbout">
<a class="dropdown-item" href="#vision">History</a>
<a class="dropdown-item" href="#mission">Mission</a>
<a class="dropdown-item" href="#values">Values</a>
<!-- Add more subheadings as needed -->
</div>
</li>
<li class="nav-item">
<a class="nav-link" href="product.html">Products</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Contact</a>
</li>
</ul>
</div>
</nav>
<!-- Page Content -->
<div class="container mt-5">
<div class="row">
<div class="col-md-12">
<h1>About Curecorner</h1><br>
<div id="vision">
<h2>History</h2>
<p>Founded in 2005 by Dr. John Smith, Cure Corner has been serving
</div>
<div id="mission">
<h2>Mission</h2>
<p>At Cure Corner, our mission is to improve the health and well-b
</div>
<div id="values">
<h2>Values</h2>
<ul>
<li>Excellence: We are committed to excellence in every aspect o
<li>Compassion: At CureCorner, compassion is at the heart of eve
<li>Innovation: We strive to continuously innovate and improve o
<li>Community: Community is at the heart of CureCorner. We are p
</ul>
</div>
<!-- Add more subheadings as needed -->
</div>
</div>
</div>
<!-- Footer -->
<footer class="bg-dark text-white text-center py-4 mt-5">
<p>© 2024 All rights reserved.</p>
</footer>
<!-- Bootstrap JS -->
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/
[email protected]/dist/umd/poppe
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootst
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Products - Curecorner</title>
<!-- Bootstrap CSS -->
<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootst
<!-- Custom CSS -->
<style>
body {
background-image: url('a.jpg');
background-size: cover;
background-repeat: no-repeat;
}
footer{
position: fixed;
left: 0;
bottom: 0;
width: 100%;
background-color: #343a40;
color: white;
text-align: center;
padding: 10px 0;
}
</style>
</head>
<body>
<!-- Navbar -->
<nav class="navbar navbar-expand-lg navbar-dark bg-primary">
<a class="navbar-brand" href="#">Curecorner</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav mr-auto">
<li class="nav-item">
<a class="nav-link" href="web.html">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="about.html">About</a>
</li>
<li class="nav-item active">
<a class="nav-link" href="product.html">Products <span class="sr-o
</li>
<li class="nav-item">
<a class="nav-link" href="contact.html">Contact</a>
</li>
</ul>
<ul class="navbar-nav ml-auto">
<li class="nav-item">
<a class="nav-link" href="#">Login</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Register</a>
</li>
</ul>
</div>
</nav>
<!-- Page Content -->
<div class="container mt-5">
<div class="row">
<div class="col-md-12">
<h1>Our Products</h1>
<div class="card-deck">
<div class="card">
<img src="i.jpg" class="card-img-top" alt="Product 1">
<div class="card-body">
<h5 class="card-title">Oilment- Benbet Cream</h5>
<p class="card-text">Beclomethasone Dipropionate, Neomycin Sul
<a href="#" class="btn btn-primary">Buy Now</a>
</div>
</div>
<div class="card">
<img src="j.jpg" class="card-img-top" alt="Product 2">
<div class="card-body">
<h5 class="card-title">Similsan Kids Ear Relief Drop</h5>
<p class="card-text"> Personal Comfort for cold, Swimmers, and
<a href="#" class="btn btn-primary">Buy Now</a>
</div>
</div>
<div class="card">
<img src="k.jpg" class="card-img-top" alt="Product 3">
<div class="card-body">
<h5 class="card-title">Pantoprazole 20mg g</h5>
<p class="card-text">Alu/Alu packaging of 20x10 Tablets</p>
<a href="#" class="btn btn-primary">Buy Now</a>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Footer -->
<footer class="bg-dark text-white text-center py-4 mt-5">
<p>© 2024 All rights reserved.</p>
</footer>
<!-- Bootstrap JS -->
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/
[email protected]/dist/umd/poppe
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootst
</body>
</html>
contact.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Contact Us - Curecorner</title>
<!-- Bootstrap CSS -->
<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootst
<!-- Custom CSS -->
<style>
body {
background-image: url('a.jpg');
background-size: cover;
background-repeat: no-repeat;
}
footer{
position: fixed;
left: 0;
bottom: 0;
width: 100%;
background-color: #306090;
color: white;
text-align: center;
padding: 10px 0;
}
</style>
</head>
<body>
<!-- Navbar -->
<nav class="navbar navbar-expand-lg navbar-dark bg-primary">
<a class="navbar-brand" href="#">Curecorner</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav mr-auto">
<li class="nav-item">
<a class="nav-link" href="web.html">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="about.html">About</a>
</li>
<li class="nav-item">
<a class="nav-link" href="product.html">Products</a>
</li>
<li class="nav-item active">
<a class="nav-link" href="contact.html">Contact <span class="sr-on
</li>
</ul>
</div>
</nav>
<!-- Page Content -->
<div class="container mt-5">
<div class="row">
<div class="col-md-8">
<h1>Contact Us</h1>
<p>For any inquiries or feedback, please fill out the form below and
<form>
<div class="form-group">
<label for="name">Your Name</label>
<input type="text" class="form-control" id="name" placeholder="
</div>
<div class="form-group">
<label for="email">Your Email</label>
<input type="email" class="form-control" id="email" placeholder=
</div>
<div class="form-group">
<label for="message">Queries</label>
<textarea class="form-control" id="message" rows="5" placeholde
</div>
<button type="submit" class="btn btn-primary">Submit</button>
</form>
</div>
<div class="col-md-4">
<h2>Curecorner</h2>
<address>
<strong>Address:</strong><br>
no:205, Medcentre complex, Mumbai<br>
India, 630091<br><br>
<strong>Mail us:</strong><br>
[email protected]<br><br>
<strong>Phone:</strong><br>
+144-22021785
</address>
</div>
</div>
</div>
<!-- Footer -->
<footer class="bg-dark text-white text-center py-4 mt-5">
<p>© 2024 All rights reserved.</p>
</footer>
<!-- Bootstrap JS -->
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/
[email protected]/dist/umd/poppe
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootst
</body>
</html>
OUTPUT:
RESULT:
The Project for responsive web design using Bootstrap is completed successfully.
Releases
No releases published
Packages
No packages published
Languages
HTML 72.6% Python 27.4%
Terms Privacy Security Status Docs Contact Manage cookies Do not share my personal information
© 2024 GitHub, Inc.
