You are on page 1of 72

Project on Building a Website

Maruti Bakery
By:
Prayas Kumar Pati
BCA 3rd Year
Roll No.: UNBCA18015
Redg. No: 606/18
Guided by:
Mrs. Sunanda Patra
HOD Department of BCA

U.N. (Auto.) College of Science and Technology,


Adaspur, Cuttack

COVERING LETTER OF THE PROJECT


To
THE CONTROLLER OF EXAMINATIONS
U.N. (AUTO.) COLLEGE OF SCIENCE AND TECHNOLOGY
ADASPUR, CUTTACK-754001
Sir,
I am submitting my Project for evaluation. Details of my registration and postal address etc.
are as under.

Registration No.: 606/18

Name: Prayas kumar pati

Father’s Name: Ashok kumar pati

Address: DIST-,cuttack AT-Tainkanar,POST-kalapada,PIN-754112

CERTIFICATE
To Whom It May Concern
This is to certify that the present report entitled “Maruti Bakery” is a result of genuine project
work carried out by Prayas kumar pati, BCA 3rd year, Regd. No.: 606/18 under my guidance
and supervision during 2021-22.
No part of this report has been submitted earlier for the award of any other degree or
published in any other form.
Mrs. Sunanda Patra
HOD Department of BCA
U.N. (Auto.) College of Science and Technology,
Adaspur, Cuttack
Mr. Debendra Kumar Rout
Controller of Examinations
U.N. (Auto.) College of Science and Technology,
Adaspur, Cuttack

DECLARATION
I, Prayas kumar pati do hereby declare that the understudy report submitted by me to the
Department of BCA, U.N. (Auto) College of Sc. & Tech. is nothing but the outcome of my
sincere work study on “Maruti Bakery”.
All the data and analytical statement being stated in the project that is submitted by me
accepted as fully authenticate and genuine. The findings and observation are a part of
authenticate work.

PLACE: Adaspur

ACKNOWLEDGEMENT
I am thankful to Mrs. Sunanda Patra, HOD Dept. of BCA for his whole hearted help and
kind co-operation during my work. I extend my thanks to the whole staff of the IT
Department for their indefatigable support to me.
Last but not the least, my heartiest thanks to other teachers and friends who came on the way
and adored me with valuable help and encouragement in preparing this report.

Prayas kumar pati

BCA 6th Semester, U.N. (Auto.) College of Science and Technology, Adaspur, Cuttack
CONTENTS

1. INTRODUCTION

2. HARDWARE/SOFTWARE REQUIREMENT

3. Flow Chart

4. PROGRAM LISTING (Coding)

5. OUTPUT

6. CONCLUSION
INTRODUCTION
Baked goods have been around for thousands of years. The art
of baking was developed early during the Roman Empire. It
was a highly famous art as Roman citizens loved baked goods
and demanded them frequently for important occasions such
as feasts and weddings. Because of the fame of the art of
baking, around 300 BC, baking was introduced as an
occupation and respectable profession for Romans. Bakers
began to prepare bread at home in an oven, using mills to grind
grain into flour for their breads. The demand for baked goods
persisted, and the first bakers' guild was established in 168 BC
in Rome. The desire for baked goods promoted baking
throughout Europe and expanded into eastern parts of Asia.
Bakers started baking bread and other goods at home and
selling them on the streets.
This trend became common, and soon, baked products were
sold in streets of Rome, Germany, London, and more. A
system of delivering baked goods to households arose as the
demand increased significantly. This prompted bakers to
establish places where people could purchase baked goods.
The first open-air market for baked goods was established in
Paris, and since then bakeries have become a common place
to purchase delicious goods and to socialize. By the colonial
era, bakeries were commonly viewed in this way.

Hardware and Software requirements


Minimum Requirements H/W & S/W used

System: P-IV Dual Core


CPU Speed: 1.3 GHz 3.2GHz
Processor: 16bit 64bit
Memory: 512MB 2GB
Hard disk: 40GB 500GB
FDD: One
CD drive One One
USB port: One One
Monitor: SGVA TFT
Printer: LaserJet LaserJet
Operating system: Windows 7 or Above Windows 10

Application software: MacromediaDreamweaver 8

FLOWCHART

Home

About

Gallery

Product

Contact
Program Listing (Coding)

INDEX
<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="utf-8">

<meta name="viewport" content="width=device-width, initial-


scale=1">

<title>Home | Maruti Bakery</title>

<meta name="description" content="Maruti Bakeryakery">

<meta name="author" content="Maruti Bakeryakery">

<!-- Favicons

================================================== -->

<link rel="shortcut icon" href="img/favicon.ico" type="image/x-


icon">

<link rel="apple-touch-icon" href="img/apple-touch-icon.png">

<link rel="apple-touch-icon" sizes="72x72" href="img/apple-touch-


icon-72x72.png">

<link rel="apple-touch-icon" sizes="114x114" href="img/apple-


touch-icon-114x114.png">
<!-- Bootstrap -->

<link rel="stylesheet" type="text/css" href="css/bootstrap.css">

<link rel="stylesheet" type="text/css"


href="fonts/font-awesome/css/font-awesome.css">

<!-- Stylesheet

================================================== -->

<link rel="stylesheet" type="text/css" href="css/style.css">

<link href="https://fonts.googleapis.com/css?
family=Raleway:300,400,500,600,700" rel="stylesheet">

<link href="https://fonts.googleapis.com/css?
family=Open+Sans:300,400,600,700" rel="stylesheet">

<link href="https://fonts.googleapis.com/css?family=Rochester"
rel="stylesheet">

<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements
and media queries -->

<!-- WARNING: Respond.js doesn't work if you view the page via
file:// -->

<!--[if lt IE 9]>

<script
src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></s
cript>
<script
src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></scri
pt>

<![endif]-->

</head>

<body id="page-top" data-spy="scroll" data-target=".navbar-fixed-


top">

<!-- Navigation

==========================================-->

<nav id="menu" class="navbar navbar-default navbar-fixed-top">

<div class="container">

<!-- Brand and toggle get grouped for better mobile display -->

<div class="navbar-header">

<button type="button" class="navbar-toggle collapsed" data-


toggle="collapse" data-target="#bs-example-navbar-collapse-1">
<span class="sr-only">Toggle navigation</span> <span class="icon-
bar"></span> <span class="icon-bar"></span> <span class="icon-
bar"></span> </button>

</div>

<!-- Collect the nav links, forms, and other content for toggling -->

<div class="collapse navbar-collapse" id="bs-example-navbar-


collapse-1">

<ul class="nav navbar-nav">


<li><a href="index.html" class="page-scroll">Home</a></li>

<li><a href="about-us.html" class="page-scroll">About


Us</a></li>

<li><a href="products.html"
class="page-scroll">Products</a></li>

<li><a href="gallery.html" class="page-scroll">Gallery</a></li>

<li><a href="contact-us.html" class="page-scroll">Contact


Us</a></li>

</ul>

</div>

<!-- /.navbar-collapse -->

</div>

</nav>

<!-- Header -->

<header id="header">

<div class="intro">

<div class="overlay">

<div class="container">

<div class="row">

<div class="intro-text">

<h1>Maruti Bakery</h1>

<p>Reservations: (887) 654-3210</p>


</div>

</div>

</div>

</div>

</div>

</header>

<!-- About Section -->

<div id="about">

<div class="container-fluid">

<div class="row">

<div class="col-xs-12 col-md-6 about-img"> </div>

<div class="col-xs-12 col-md-4 col-md-offset-1">

<div class="about-text">

<div class="section-title">

<h2>Our Story</h2>

</div>

<p>It was established on 2011 and then it was the only well
established bakery at kendrapada. We have also won best small
bakey award on 2017. We work with five number of employees. It is
a small bakeryy at small district kendrapada. We also have a shop
near to our factory. We make near to our factory we make delicious
cakes, pastries, patties different cookies at reasonable rates. </p>

</div>
</div>

</div>

</div>

</div>

<!-- Features Section -->

<div id="features" class="text-center">

<div class="container">

<div class="section-title">

<h2>Our Specials</h2>

</div>

<div class="row">

<div class="col-xs-12 col-sm-4">

<div class="features-item">

<h3>Gel Cake</h3>

<img src="img/specials/1.jpg" class="img-responsive" alt="">

<p>Gel Cake is a form of sweet food made from flour, sugar,


and other ingredients, that is usually baked.</p>

</div>

</div>

<div class="col-xs-12 col-sm-4">

<div class="features-item">

<h3>Vanilla Cake</h3>
<img src="img/specials/2.jpg" class="img-responsive" alt="">

<p>The flavor of a vanilla custard (aka the classic French way of


making ice cream from cream and egg yolks).</p>

</div>

</div>

<div class="col-xs-12 col-sm-4">

<div class="features-item">

<h3>Fruit Cake</h3>

<img src="img/specials/3.jpg" class="img-responsive" alt="">

<p>Fruit cake is a cake made with candied or dried fruit, nuts,


and spices, and optionally soaked in spirits. </p>

</div>

</div>

<div class="col-xs-12 col-sm-4">

<div class="features-item">

<h3>Pattis</h3>

<img src="img/specials/4.jpg" class="img-responsive" alt="">

<p>Some foods termed "patties" use ingredients inside a pastry


crust that is then baked or fried. Some patties...</p>

</div>

</div>

<div class="col-xs-12 col-sm-4">


<div class="features-item">

<h3>Chocolate Cake</h3>

<img src="img/specials/5.jpg" class="img-responsive" alt="">

<p>Chocolate cake or chocolate gâteau is a cake flavored with


melted chocolate, cocoa powder, or both.</p>

</div>

</div>

<div class="col-xs-12 col-sm-4">

<div class="features-item">

<h3>Pizza</h3>

<img src="img/specials/6.jpg" class="img-responsive" alt="">

<p>Pizza is an Italian dish consisting of a usually round,


flattened base of leavened wheat-based dough topped with
tomatoes.</p>

</div>

</div>

</div>

</div>

</div>

<!-- Gallery Section -->

<div id="gallery">

<div class="container-fluid">
<div class="row">

<div class="col-xs-6 col-md-3">

<div class="gallery-item"> <img src="img/gallery/01.jpg"


class="img-responsive" alt=""></div>

</div>

<div class="col-xs-6 col-md-3">

<div class="gallery-item"> <img src="img/gallery/02.jpg"


class="img-responsive" alt=""></div>

</div>

<div class="col-xs-6 col-md-3">

<div class="gallery-item"> <img src="img/gallery/03.jpg"


class="img-responsive" alt=""></div>

</div>

<div class="col-xs-6 col-md-3">

<div class="gallery-item"> <img src="img/gallery/04.jpg"


class="img-responsive" alt=""></div>

</div>

</div>

</div>

</div>

<!-- Team Section -->

<div id="team">

<div class="container">
<div id="row">

<div class="col-md-6">

<div class="col-md-10 col-md-offset-1">

<div class="section-title">

<h2>Meet Our Chef</h2>

</div>

<p>For over 10 years, we are helping customers to celebrate


their special moments by delivering Cakes, bakes and fabulous gifts.
Maruti Bakery was established in 2011 and Cakes delivery was the
first and only thing that the company was into. From just cakes is
now the largest cake shop store in the Kendrapara City</p>

<p>We have all hardworking employees who worked and made


us to reach this successful busines. They give their best everytime to
make you taste and feel better. They all are best on their work</p>

</div>

</div>

<div class="col-md-6">

<div class="team-img"><img src="img/chef.jpg" alt="..."></div>

</div>

</div>

</div>

</div>

<!-- Contact Section -->


<div id="contact" class="text-center">

<div class="container text-center">

<div class="col-md-4">

<h3 align="center">Reservations</h3>

<div class="contact-item">

<p align="center">Please call</p>

<p align="center">8763475199</p>

</div>

</div>

<div class="col-md-4">

<h3>Address</h3>

<div class="contact-item">

<p align="center">College Chakka,</p>

<p align="center">Kendrapara, Odisha - 754211</p>

</div>

</div>

<div class="col-md-4">

<h3>Opening Hours</h3>

<div class="contact-item">

<p>Mon-Sun: 08:00 AM - 09:00 PM</p>

<p>Mon-Sun: 08:00 AM - 09:00 PM</p>


</div>

</div>

</div>

</div>

<!--<div class="rows">

<div class="container">

<div class="col-md-3">

<h3>About Us</h3>

<div class="contact-item">

<p style="text-align: justify;">Lorem ipsum dolor sit amet,


consectetur adipiscing elit. Duis sed dapibus leo nec ornare diam.
Sed commodo nibh ante facilisis bibendum dolor feugiat at. Duis sed
dapibus leo nec ornare diam commodo nibh.</p>

</div>

</div>

<div class="col-md-3">

<h3>Address</h3>

<div class="contact-item">

<p>College Chakka,</p>

<p>Kendrapara, Odisha - 754211</p>

</div>

</div>
<div class="col-md-3">

<h3>Opening Hours</h3>

<div class="contact-item">

<p>Mon-Sun: 08:00 AM - 09:00 PM</p>

<p>Mon-Sun: 08:00 AM - 09:00 PM</p>

</div>

</div>

<div class="col-md-3">

<h3>Opening Hours</h3>

<div class="contact-item">

<p>Mon-Sun: 08:00 AM - 09:00 PM</p>

<p>Mon-Sun: 08:00 AM - 09:00 PM</p>

</div>

<div class="col-md-12 col-md-offset-2">

<form name="sentMessage" id="contactForm" novalidate>

<div class="row">

<div class="col-md-6">

<div class="form-group">

<input type="email" id="email" class="form-


control" placeholder="Email" required="required">

<p class="help-block text-danger"></p>

</div>
</div>

</div>

<div id="success"></div>

<button type="submit" class="btn btn-custom btn-


lg">Send Message</button>

</form>

</div>

</div>

</div>

</div>

--><div id="footer">

<div class="container text-center">

<div class="col-md-6">

<p>Designed and Developed by <a


href="http://www.marutibakery.com" rel="nofollow">Priyanka,
Priyamprada, Priti, Amit & Prayas</a></p>

</div>

<div class="col-md-6">

<div class="social">

<ul>

<li><a href="#"><i class="fa fa-facebook"></i></a></li>

<li><a href="#"><i class="fa fa-twitter"></i></a></li>


<li><a href="#"><i class="fa fa-youtube"></i></a></li>

</ul>

</div>

</div>

</div>

</div>

<script type="text/javascript" src="js/jquery.1.11.1.js"></script>

<script type="text/javascript" src="js/bootstrap.js"></script>

<script type="text/javascript" src="js/SmoothScroll.js"></script>

<script type="text/javascript"
src="js/jqBootstrapValidation.js"></script>

<script type="text/javascript" src="js/contact_me.js"></script>

<script type="text/javascript" src="js/main.js"></script>

</body>

</html>

ABOUT
<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="utf-8">

<meta name="viewport" content="width=device-width, initial-


scale=1">
<title>Home | Maruti Bakery</title>

<meta name="description" content="Maruti Bakeryakery">

<meta name="author" content="Maruti Bakeryakery">

<!-- Favicons

================================================== -->

<link rel="shortcut icon" href="img/favicon.ico" type="image/x-


icon">

<link rel="apple-touch-icon" href="img/apple-touch-icon.png">

<link rel="apple-touch-icon" sizes="72x72" href="img/apple-touch-


icon-72x72.png">

<link rel="apple-touch-icon" sizes="114x114" href="img/apple-


touch-icon-114x114.png">

<!-- Bootstrap -->

<link rel="stylesheet" type="text/css" href="css/bootstrap.css">

<link rel="stylesheet" type="text/css"


href="fonts/font-awesome/css/font-awesome.css">

<!-- Stylesheet

================================================== -->

<link rel="stylesheet" type="text/css" href="css/style.css">


<link href="https://fonts.googleapis.com/css?
family=Raleway:300,400,500,600,700" rel="stylesheet">

<link href="https://fonts.googleapis.com/css?
family=Open+Sans:300,400,600,700" rel="stylesheet">

<link href="https://fonts.googleapis.com/css?family=Rochester"
rel="stylesheet">

<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements
and media queries -->

<!-- WARNING: Respond.js doesn't work if you view the page via
file:// -->

<!--[if lt IE 9]>

<script
src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></s
cript>

<script
src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></scri
pt>

<![endif]-->

</head>

<body id="page-top" data-spy="scroll" data-target=".navbar-fixed-


top">

<!-- Navigation

==========================================-->
<nav id="menu" class="navbar navbar-default navbar-fixed-top">

<div class="container">

<!-- Brand and toggle get grouped for better mobile display -->

<div class="navbar-header">

<button type="button" class="navbar-toggle collapsed" data-


toggle="collapse" data-target="#bs-example-navbar-collapse-1">
<span class="sr-only">Toggle navigation</span> <span class="icon-
bar"></span> <span class="icon-bar"></span> <span class="icon-
bar"></span> </button>

</div>

<!-- Collect the nav links, forms, and other content for toggling -->

<div class="collapse navbar-collapse" id="bs-example-navbar-


collapse-1">

<ul class="nav navbar-nav">

<li><a href="index.html" class="page-scroll">Home</a></li>

<li><a href="about-us.html" class="page-scroll">About


Us</a></li>

<li><a href="products.html"
class="page-scroll">Products</a></li>

<li><a href="gallery.html" class="page-scroll">Gallery</a></li>

<li><a href="contact-us.html" class="page-scroll">Contact


Us</a></li>

</ul>
</div>

<!-- /.navbar-collapse -->

</div>

</nav>

<div class="main-content" style="margin-top: 80px;background-


color: #fdfdfd;">

<!-- Section: inner-header -->

<section class="inner-header divider layer-overlay overlay-dark"


data-bg-img="images/banner-1.jpg" style="background-image:
url(&quot;images/banner-1.jpg&quot;);">

<div class="container pt-30 pb-30">

<!-- Section Content -->

<div class="section-content text-center">

<div class="row">

<div class="col-md-6 col-md-offset-3 text-center">

<h3 class="text-theme-colored font-36">About Us</h3>

<ol class="breadcrumb text-center mt-10 white">

<li><a href="index.html">Home</a></li>

<li class="active">About Us</li>

</ol>

</div>

</div>
</div>

</div>

</section>

<!-- Section: About -->

<section>

<div class="container">

<div class="row">

<div class="col-sm-12 col-md-6">

<h3 class="text-theme-colored text-capitalize mt-0">About


Us</h3>

<p class="font-18">For over 10 years, we are helping


customers to celebrate their special moments by delivering Cakes,
bakes and fabulous gifts. Maruti Bakery was established in 2011 and
Cakes delivery was the first and only thing that the company was
into. From just cakes is now the largest cake shop store in the
Kendrapara City</p>

<p class="font-15">Maruti Balery is the only


well</p>

</div>

<div class="col-sm-12 col-md-6">

<img src="img/about-bg.jpg"
alt="">

</div>
</div>

</div>

</section>

</div>

<!-- Contact Section -->

<div id="contact" class="text-center">

<div class="container text-center">

<div class="col-md-4">

<h3>Reservations</h3>

<div class="contact-item">

<p>Please call</p>

<p>(887) 654-3210</p>

</div>

</div>

<div class="col-md-4">

<h3>Address</h3>

<div class="contact-item">

<p>College Chakka,</p>

<p>Kendrapara, Odisha - 754211</p>

</div>

</div>
<div class="col-md-4">

<h3>Opening Hours</h3>

<div class="contact-item">

<p>Mon-Sun: 08:00 AM - 09:00 PM</p>

<p>Mon-Sun: 08:00 AM - 09:00 PM</p>

</div>

</div>

</div>

</div>

<div id="footer">

<div class="container text-center">

<div class="col-md-6">

<p>Designed and Developed by <a


href="http://www.marutibakery.com" rel="nofollow">Priyanka,
Priyamprada, Priti, Amit & Prayas</a></p>

</div>

<div class="col-md-6">

<div class="social">

<ul>

<li><a href="#"><i class="fa fa-facebook"></i></a></li>

<li><a href="#"><i class="fa fa-twitter"></i></a></li>

<li><a href="#"><i class="fa fa-youtube"></i></a></li>


</ul>

</div>

</div>

</div>

</div>

<script type="text/javascript" src="js/jquery.1.11.1.js"></script>

<script type="text/javascript" src="js/bootstrap.js"></script>

<script type="text/javascript" src="js/SmoothScroll.js"></script>

<script type="text/javascript"
src="js/jqBootstrapValidation.js"></script>

<script type="text/javascript" src="js/contact_me.js"></script>

<script type="text/javascript" src="js/main.js"></script>

</body>

</html>

CONTACT
!DOCTYPE html>

<html lang="en">

<head>

<meta charset="utf-8">

<meta name="viewport" content="width=device-width, initial-


scale=1">

<title>Home | Maruti Bakery</title>


<meta name="description" content="Maruti Bakeryakery">

<meta name="author" content="Maruti Bakeryakery">

<!-- Favicons

================================================== -->

<link rel="shortcut icon" href="img/favicon.ico" type="image/x-


icon">

<link rel="apple-touch-icon" href="img/apple-touch-icon.png">

<link rel="apple-touch-icon" sizes="72x72" href="img/apple-touch-


icon-72x72.png">

<link rel="apple-touch-icon" sizes="114x114" href="img/apple-


touch-icon-114x114.png">

<!-- Bootstrap -->

<link rel="stylesheet" type="text/css" href="css/bootstrap.css">

<link rel="stylesheet" type="text/css"


href="fonts/font-awesome/css/font-awesome.css">

<!-- Stylesheet

================================================== -->

<link rel="stylesheet" type="text/css" href="css/style.css">

<link href="https://fonts.googleapis.com/css?
family=Raleway:300,400,500,600,700" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?
family=Open+Sans:300,400,600,700" rel="stylesheet">

<link href="https://fonts.googleapis.com/css?family=Rochester"
rel="stylesheet">

<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements
and media queries -->

<!-- WARNING: Respond.js doesn't work if you view the page via
file:// -->

<!--[if lt IE 9]>

<script
src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></s
cript>

<script
src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></scri
pt>

<![endif]-->

</head>

<body id="page-top" data-spy="scroll" data-target=".navbar-fixed-


top">

<!-- Navigation

==========================================-->

<nav id="menu" class="navbar navbar-default navbar-fixed-top">

<div class="container">
<!-- Brand and toggle get grouped for better mobile display -->

<div class="navbar-header">

<button type="button" class="navbar-toggle collapsed" data-


toggle="collapse" data-target="#bs-example-navbar-collapse-1">
<span class="sr-only">Toggle navigation</span> <span class="icon-
bar"></span> <span class="icon-bar"></span> <span class="icon-
bar"></span> </button>

</div>

<!-- Collect the nav links, forms, and other content for toggling -->

<div class="collapse navbar-collapse" id="bs-example-navbar-


collapse-1">

<ul class="nav navbar-nav">

<li><a href="index.html" class="page-scroll">Home</a></li>

<li><a href="about-us.html" class="page-scroll">About


Us</a></li>

<li><a href="products.html"
class="page-scroll">Products</a></li>

<li><a href="gallery.html" class="page-scroll">Gallery</a></li>

<li><a href="contact-us.html" class="page-scroll">Contact


Us</a></li>

</ul>

</div>

<!-- /.navbar-collapse -->


</div>

</nav>

<div class="main-content" style="margin-top: 80px;background-


color: #fdfdfd;">

<div class="container">

<!-- Section: inner-header -->

<section class="inner-header divider layer-overlay


overlay-dark" data-bg-img="img/bk-img.jpg" style="background-
image: url(&quot;img/bk-img.jpg&quot;);">

<div class="container pt-30 pb-30">

<!-- Section Content -->

<div class="section-content text-center">

<div class="row">

<div class="col-md-6 col-md-offset-3 text-


center">

<h3 class="text-white font-36">Contact


Us</h3>

<ol class="breadcrumb text-center mt-10


white">

<li><a href="index.html">Home</a></li>

<li class="active">Contact Us</li>

</ol>

</div>
</div>

</div>

</div>

</section>

<!-- Divider: Contact -->

<section class="divider layer-overlay overlay-white-9"


data-bg-img="images/contact-us/img-01.jpg" style="background-
image: url(&quot;images/contact-us/img-01.jpg&quot;);">

<div class="container">

<div class="row pt-30">

<div class="col-md-7">

<h3 class="line-bottom mt-0 mb-


30">Interested in discussing?</h3>

<!-- Contact Form -->

<form id="contact_form-1"
name="contact_form" class="form-transparent" action="#"
method="post">

<div class="row">

<div class="col-sm-6">

<div class="form-group">

<label for="form_name">Name
<small>*</small></label>
<input id="form_name"
name="form_name" class="form-control" type="text"
placeholder="Enter Name" required="">

</div>

</div>

<div class="col-sm-6">

<div class="form-group">

<label for="form_email">Email
<small>*</small></label>

<input id="form_email"
name="form_email" class="form-control required email"
type="email" placeholder="Enter Email">

</div>

</div>

</div>

<div class="row">

<div class="col-sm-6">

<div class="form-group">

<label for="form_name">Subject
<small>*</small></label>

<input id="form_subject"
name="form_subject" class="form-control required" type="text"
placeholder="Enter Subject">

</div>
</div>

<div class="col-sm-6">

<div class="form-group">

<label
for="form_phone">Phone</label>

<input id="form_phone"
name="form_phone" class="form-control" type="text"
placeholder="Enter Phone">

</div>

</div>

</div>

<div class="form-group">

<label
for="form_name">Message</label>

<textarea id="form_message"
name="form_message" class="form-control required" rows="5"
placeholder="Enter Message"></textarea>

</div>

<div class="form-group" style="float: right;">

<input id="form_botcheck"
name="form_botcheck" class="form-control" type="hidden"
value="">
<button type="submit" class="btn btn-
dark btn-theme-colored btn-flat mr-5" data-loading-text="Please
wait...">Send your message</button>

<button type="reset" class="btn btn-


default btn-flat btn-theme-colored">Reset</button>

</div>

</form>

</div>

<div class="col-md-5">

<h3 class="line-bottom mt-0">Get in touch


with us</h3>

<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Write
to us, for any query or suggestion to make our services and products
better for you and your requirements.</p>

<h3> Address for Contact:</h3>

<p>College Chakka</p>

<p>Kendrapara,</p>

<p>Odisha - 754211</p></br>

<h3> Opening Hours:</h3>

<p>Monday - Sunday</p>

<p>Time - 08 A.M - 09 P.M</p>

</div>
</div>

</div>

</section>

</div>

</div>

<!-- Contact Section -->

<div id="contact" class="text-center">

<div class="container text-center">

<div class="col-md-4">

<h3>Reservations</h3>

<div class="contact-item">

<p>Please call</p>

<p>(887) 654-3210</p>

</div>

</div>

<div class="col-md-4">

<h3>Address</h3>

<div class="contact-item">

<p>College Chakka,</p>

<p>Kendrapara, Odisha - 754211</p>

</div>
</div>

<div class="col-md-4">

<h3>Opening Hours</h3>

<div class="contact-item">

<p>Mon-Sun: 08:00 AM - 09:00 PM</p>

<p>Mon-Sun: 08:00 AM - 09:00 PM</p>

</div>

</div>

</div>

</div>

<div id="footer">

<div class="container text-center">

<div class="col-md-6">

<p>Designed and Developed by <a


href="http://www.marutibakery.com" rel="nofollow">Priyanka,
Priyamprada, Priti, Amit & Prayas</a></p>

</div>

<div class="col-md-6">

<div class="social">

<ul>

<li><a href="#"><i class="fa fa-facebook"></i></a></li>

<li><a href="#"><i class="fa fa-twitter"></i></a></li>


<li><a href="#"><i class="fa fa-youtube"></i></a></li>

</ul>

</div>

</div>

</div>

</div>

<script type="text/javascript" src="js/jquery.1.11.1.js"></script>

<script type="text/javascript" src="js/bootstrap.js"></script>

<script type="text/javascript" src="js/SmoothScroll.js"></script>

<script type="text/javascript"
src="js/jqBootstrapValidation.js"></script>

<script type="text/javascript" src="js/contact_me.js"></script>

<script type="text/javascript" src="js/main.js"></script>

</body>

</html>

GALLERY
<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="utf-8">

<meta name="viewport" content="width=device-width, initial-


scale=1">
<title>Home | Maruti Bakery</title>

<meta name="description" content="Maruti Bakeryakery">

<meta name="author" content="Maruti Bakeryakery">

<!-- Favicons

================================================== -->

<link rel="shortcut icon" href="img/favicon.ico" type="image/x-


icon">

<link rel="apple-touch-icon" href="img/apple-touch-icon.png">

<link rel="apple-touch-icon" sizes="72x72" href="img/apple-touch-


icon-72x72.png">

<link rel="apple-touch-icon" sizes="114x114" href="img/apple-


touch-icon-114x114.png">

<!-- Bootstrap -->

<link rel="stylesheet" type="text/css" href="css/bootstrap.css">

<link rel="stylesheet" type="text/css"


href="fonts/font-awesome/css/font-awesome.css">

<!-- Stylesheet

================================================== -->

<link rel="stylesheet" type="text/css" href="css/style.css">


<link href="https://fonts.googleapis.com/css?
family=Raleway:300,400,500,600,700" rel="stylesheet">

<link href="https://fonts.googleapis.com/css?
family=Open+Sans:300,400,600,700" rel="stylesheet">

<link href="https://fonts.googleapis.com/css?family=Rochester"
rel="stylesheet">

<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements
and media queries -->

<!-- WARNING: Respond.js doesn't work if you view the page via
file:// -->

<!--[if lt IE 9]>

<script
src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></s
cript>

<script
src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></scri
pt>

<![endif]-->

</head>

<body id="page-top" data-spy="scroll" data-target=".navbar-fixed-


top">

<!-- Navigation

==========================================-->
<nav id="menu" class="navbar navbar-default navbar-fixed-top">

<div class="container">

<!-- Brand and toggle get grouped for better mobile display -->

<div class="navbar-header">

<button type="button" class="navbar-toggle collapsed" data-


toggle="collapse" data-target="#bs-example-navbar-collapse-1">
<span class="sr-only">Toggle navigation</span> <span class="icon-
bar"></span> <span class="icon-bar"></span> <span class="icon-
bar"></span> </button>

</div>

<!-- Collect the nav links, forms, and other content for toggling -->

<div class="collapse navbar-collapse" id="bs-example-navbar-


collapse-1">

<ul class="nav navbar-nav">

<li><a href="index.html" class="page-scroll">Home</a></li>

<li><a href="about-us.html" class="page-scroll">About


Us</a></li>

<li><a href="products.html"
class="page-scroll">Products</a></li>

<li><a href="gallery.html" class="page-scroll">Gallery</a></li>

<li><a href="contact-us.html" class="page-scroll">Contact


Us</a></li>

</ul>
</div>

<!-- /.navbar-collapse -->

</div>

</nav>

<div class="main-content" style="margin-top: 80px;background-


color: #fdfdfd;">

<!-- Section: inner-header -->

<section class="inner-header divider layer-overlay overlay-dark"


data-bg-img="images/banner-1.jpg" style="background-image:
url(&quot;images/banner-1.jpg&quot;);">

<div class="container pt-30 pb-30">

<!-- Section Content -->

<div class="section-content text-center">

<div class="row">

<div class="col-md-6 col-md-offset-3 text-center">

<h3 class="text-theme-colored font-36">Gallery</h3>

<ol class="breadcrumb text-center mt-10 white">

<li><a href="index.html">Home</a></li>

<li class="active">Gallery</li>

</ol>

</div>

</div>
</div>

</div>

</section>

<section>

<div class="row">

<div class="container">

<div class="col-md-3 image_box">

<div class="card">

<a href="img/gallery/01.jpg"><img
class="card-img-top" src="img/gallery/01.jpg" alt=""></a>

</div>

</div>

<div class="col-md-3 image_box">

<div class="card">

<a href="img/gallery/02.jpg"><img
class="card-img-top" src="img/gallery/02.jpg" alt=""></a>

</div>

</div>

<div class="col-md-3 image_box">

<div class="card">

<a href="img/gallery/03.jpg"><img
class="card-img-top" src="img/gallery/03.jpg" alt=""></a>
</div>

</div>

<div class="col-md-3 image_box">

<div class="card">

<a href="img/gallery/04.jpg"><img
class="card-img-top" src="img/gallery/04.jpg" alt=""></a>

</div>

</div>

<div class="col-md-3 image_box">

<div class="card">

<a href="img/gallery/05.jpg"><img
class="card-img-top" src="img/gallery/05.jpg" alt=""></a>

</div>

</div>

<div class="col-md-3 image_box">

<div class="card">

<a href="img/gallery/06.jpg"><img
class="card-img-top" src="img/gallery/06.jpg" alt=""></a>

</div>

</div>

<div class="col-md-3 image_box">

<div class="card">
<a href="img/gallery/07.jpg"><img
class="card-img-top" src="img/gallery/07.jpg" alt=""></a>

</div>

</div>

<div class="col-md-3 image_box">

<div class="card">

<a href="img/gallery/08.jpg"><img
class="card-img-top" src="img/gallery/08.jpg" alt=""></a>

</div>

</div>

<div class="col-md-3 image_box">

<div class="card">

<a href="img/gallery/09.jpg"><img
class="card-img-top" src="img/gallery/09.jpg" alt=""></a>

</div>

</div>

<div class="col-md-3 image_box">

<div class="card">

<a href="img/gallery/10.jpg"><img
class="card-img-top" src="img/gallery/10.jpg" alt=""></a>

</div>

</div>

<div class="col-md-3 image_box">


<div class="card">

<a href="img/gallery/11.jpg"><img
class="card-img-top" src="img/gallery/11.jpg" alt=""></a>

</div>

</div>

<div class="col-md-3 image_box">

<div class="card">

<a href="img/gallery/12.jpg"><img
class="card-img-top" src="img/gallery/12.jpg" alt=""></a>

</div>

</div>

<div class="col-md-3 image_box">

<div class="card">

<a href="img/gallery/13.jpg"><img
class="card-img-top" src="img/gallery/13.jpg" alt=""></a>

</div>

</div>

<div class="col-md-3 image_box">

<div class="card">

<a href="img/gallery/14.jpg"><img
class="card-img-top" src="img/gallery/14.jpg" alt=""></a>

</div>

</div>
<div class="col-md-3 image_box">

<div class="card">

<a href="img/gallery/15.jpg"><img
class="card-img-top" src="img/gallery/15.jpg" alt=""></a>

</div>

</div>

<div class="col-md-3 image_box">

<div class="card">

<a href="img/gallery/16.jpg"><img
class="card-img-top" src="img/gallery/16.jpg" alt=""></a>

</div>

</div>

<div class="col-md-3 image_box">

<div class="card">

<a href="img/gallery/17.jpg"><img
class="card-img-top" src="img/gallery/17.jpg" alt=""></a>

</div>

</div>

<div class="col-md-3 image_box">

<div class="card">

<a href="img/gallery/18.jpg"><img
class="card-img-top" src="img/gallery/18.jpg" alt=""></a>

</div>
</div>

<div class="col-md-3 image_box">

<div class="card">

<a href="img/gallery/19.jpg"><img
class="card-img-top" src="img/gallery/19.jpg" alt=""></a>

</div>

</div>

<div class="col-md-3 image_box">

<div class="card">

<a href="img/gallery/20.jpg"><img
class="card-img-top" src="img/gallery/20.jpg" alt=""></a>

</div>

</div>

<div class="col-md-3 image_box">

<div class="card">

<a href="img/gallery/21.jpg"><img
class="card-img-top" src="img/gallery/21.jpg" alt=""></a>

</div>

</div>

<div class="col-md-3 image_box">

<div class="card">

<a href="img/gallery/22.jpg"><img
class="card-img-top" src="img/gallery/22.jpg" alt=""></a>
</div>

</div>

<div class="col-md-3 image_box">

<div class="card">

<a href="img/gallery/23.jpg"><img
class="card-img-top" src="img/gallery/23.jpg" alt=""></a>

</div>

</div>

<div class="col-md-3 image_box">

<div class="card">

<a href="img/gallery/24.jpg"><img
class="card-img-top" src="img/gallery/24.jpg" alt=""></a>

</div>

</div>

<div class="col-md-3 image_box">

<div class="card">

<a href="img/gallery/25.jpg"><img
class="card-img-top" src="img/gallery/25.jpg" alt=""></a>

</div>

</div>

<div class="col-md-3 image_box">

<div class="card">
<a href="img/gallery/26.jpg"><img
class="card-img-top" src="img/gallery/26.jpg" alt=""></a>

</div>

</div>

<div class="col-md-3 image_box">

<div class="card">

<a href="img/gallery/27.jpg"><img
class="card-img-top" src="img/gallery/27.jpg" alt=""></a>

</div>

</div>

<div class="col-md-3 image_box">

<div class="card">

<a href="img/gallery/28.jpg"><img
class="card-img-top" src="img/gallery/28.jpg" alt=""></a>

</div>

</div>

</div>

</div>

</section>

</div>

<!-- Contact Section -->

<div id="contact" class="text-center">


<div class="container text-center">

<div class="col-md-4">

<h3>Reservations</h3>

<div class="contact-item">

<p>Please call</p>

<p>(887) 654-3210</p>

</div>

</div>

<div class="col-md-4">

<h3>Address</h3>

<div class="contact-item">

<p>College Chakka,</p>

<p>Kendrapara, Odisha - 754211</p>

</div>

</div>

<div class="col-md-4">

<h3>Opening Hours</h3>

<div class="contact-item">

<p>Mon-Sun: 08:00 AM - 09:00 PM</p>

<p>Mon-Sun: 08:00 AM - 09:00 PM</p>

</div>
</div>

</div>

</div>

<div id="footer">

<div class="container text-center">

<div class="col-md-6">

<p>Designed and Developed by <a


href="http://www.marutibakery.com" rel="nofollow">Priyanka,
Priyamprada, Priti, Amit & Prayas</a></p>

</div>

<div class="col-md-6">

<div class="social">

<ul>

<li><a href="#"><i class="fa fa-facebook"></i></a></li>

<li><a href="#"><i class="fa fa-twitter"></i></a></li>

<li><a href="#"><i class="fa fa-youtube"></i></a></li>

</ul>

</div>

</div>

</div>

</div>

<script type="text/javascript" src="js/jquery.1.11.1.js"></script>


<script type="text/javascript" src="js/bootstrap.js"></script>

<script type="text/javascript" src="js/SmoothScroll.js"></script>

<script type="text/javascript"
src="js/jqBootstrapValidation.js"></script>

<script type="text/javascript" src="js/contact_me.js"></script>

<script type="text/javascript" src="js/main.js"></script>

</body>

</html>

PRODUCT
<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="utf-8">

<meta name="viewport" content="width=device-width, initial-


scale=1">

<title>Home | Maruti Bakery</title>

<meta name="description" content="Maruti Bakeryakery">

<meta name="author" content="Maruti Bakeryakery">

<!-- Favicons

================================================== -->
<link rel="shortcut icon" href="img/favicon.ico" type="image/x-
icon">

<link rel="apple-touch-icon" href="img/apple-touch-icon.png">

<link rel="apple-touch-icon" sizes="72x72" href="img/apple-touch-


icon-72x72.png">

<link rel="apple-touch-icon" sizes="114x114" href="img/apple-


touch-icon-114x114.png">

<!-- Bootstrap -->

<link rel="stylesheet" type="text/css" href="css/bootstrap.css">

<link rel="stylesheet" type="text/css"


href="fonts/font-awesome/css/font-awesome.css">

<!-- Stylesheet

================================================== -->

<link rel="stylesheet" type="text/css" href="css/style.css">

<link href="https://fonts.googleapis.com/css?
family=Raleway:300,400,500,600,700" rel="stylesheet">

<link href="https://fonts.googleapis.com/css?
family=Open+Sans:300,400,600,700" rel="stylesheet">

<link href="https://fonts.googleapis.com/css?family=Rochester"
rel="stylesheet">
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements
and media queries -->

<!-- WARNING: Respond.js doesn't work if you view the page via
file:// -->

<!--[if lt IE 9]>

<script
src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></s
cript>

<script
src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></scri
pt>

<![endif]-->

</head>

<body id="page-top" data-spy="scroll" data-target=".navbar-fixed-


top">

<!-- Navigation

==========================================-->

<nav id="menu" class="navbar navbar-default navbar-fixed-top">

<div class="container">

<!-- Brand and toggle get grouped for better mobile display -->

<div class="navbar-header">

<button type="button" class="navbar-toggle collapsed" data-


toggle="collapse" data-target="#bs-example-navbar-collapse-1">
<span class="sr-only">Toggle navigation</span> <span class="icon-
bar"></span> <span class="icon-bar"></span> <span class="icon-
bar"></span> </button>

</div>

<!-- Collect the nav links, forms, and other content for toggling -->

<div class="collapse navbar-collapse" id="bs-example-navbar-


collapse-1">

<ul class="nav navbar-nav">

<li><a href="index.html" class="page-scroll">Home</a></li>

<li><a href="about-us.html" class="page-scroll">About


Us</a></li>

<li><a href="products.html"
class="page-scroll">Products</a></li>

<li><a href="gallery.html" class="page-scroll">Gallery</a></li>

<li><a href="contact-us.html" class="page-scroll">Contact


Us</a></li>

</ul>

</div>

<!-- /.navbar-collapse -->

</div>

</nav>

<div class="main-content" style="margin-top: 80px;background-


color: #fdfdfd;">
<!-- Section: inner-header -->

<section class="inner-header divider layer-overlay overlay-dark"


data-bg-img="images/banner-1.jpg" style="background-image:
url(&quot;images/banner-1.jpg&quot;);">

<div class="container pt-30 pb-30">

<!-- Section Content -->

<div class="section-content text-center">

<div class="row">

<div class="col-md-6 col-md-offset-3 text-center">

<h3 class="text-theme-colored font-36">Our Products</h3>

<ol class="breadcrumb text-center mt-10 white">

<li><a href="index.html">Home</a></li>

<li class="active">Our Products</li>

</ol>

</div>

</div>

</div>

</div>

</section>

<div id="features" class="text-center">

<div class="container">
<div class="row">

<div class="col-xs-12 col-sm-4">

<div class="features-item">

<h3>Gel Cake</h3>

<img src="img/specials/1.jpg" class="img-responsive" alt="">

<p>Gel Cake is a form of sweet food made from flour, sugar,


and other ingredients, that is usually baked.</p>

</div>

</div>

<div class="col-xs-12 col-sm-4">

<div class="features-item">

<h3>Vanilla Cake</h3>

<img src="img/specials/2.jpg" class="img-responsive" alt="">

<p>The flavor of a vanilla custard (aka the classic French way of


making ice cream from cream and egg yolks).</p>

</div>

</div>

<div class="col-xs-12 col-sm-4">

<div class="features-item">

<h3>Fruit Cake</h3>

<img src="img/specials/3.jpg" class="img-responsive" alt="">


<p>Fruit cake is a cake made with candied or dried fruit, nuts,
and spices, and optionally soaked in spirits. </p>

</div>

</div>

<div class="col-xs-12 col-sm-4">

<div class="features-item">

<h3>Pattis</h3>

<img src="img/specials/4.jpg" class="img-responsive" alt="">

<p>Some foods termed "patties" use ingredients inside a pastry


crust that is then baked or fried. Some patties...</p>

</div>

</div>

<div class="col-xs-12 col-sm-4">

<div class="features-item">

<h3>Chocolate Cake</h3>

<img src="img/specials/5.jpg" class="img-responsive" alt="">

<p>Chocolate cake or chocolate gâteau is a cake flavored with


melted chocolate, cocoa powder, or both.</p>

</div>

</div>

<div class="col-xs-12 col-sm-4">

<div class="features-item">
<h3>Pizza</h3>

<img src="img/specials/6.jpg" class="img-responsive" alt="">

<p>Pizza is an Italian dish consisting of a usually round,


flattened base of leavened wheat-based dough topped with
tomatoes.</p>

</div>

</div>

</div>

</div>

</div>

</div>

<!-- Contact Section -->

<div id="contact" class="text-center">

<div class="container text-center">

<div class="col-md-4">

<h3>Reservations</h3>

<div class="contact-item">

<p>Please call</p>

<p>(887) 654-3210</p>

</div>

</div>

<div class="col-md-4">
<h3>Address</h3>

<div class="contact-item">

<p>College Chakka,</p>

<p>Kendrapara, Odisha - 754211</p>

</div>

</div>

<div class="col-md-4">

<h3>Opening Hours</h3>

<div class="contact-item">

<p>Mon-Sun: 08:00 AM - 09:00 PM</p>

<p>Mon-Sun: 08:00 AM - 09:00 PM</p>

</div>

</div>

</div>

</div>

<div id="footer">

<div class="container text-center">

<div class="col-md-6">

<p>Designed and Developed by <a


href="http://www.marutibakery.com" rel="nofollow">Priyanka,
Priyamprada, Priti, Amit & Prayas</a></p>

</div>
<div class="col-md-6">

<div class="social">

<ul>

<li><a href="#"><i class="fa fa-facebook"></i></a></li>

<li><a href="#"><i class="fa fa-twitter"></i></a></li>

<li><a href="#"><i class="fa fa-youtube"></i></a></li>

</ul>

</div>

</div>

</div>

</div>

<script type="text/javascript" src="js/jquery.1.11.1.js"></script>

<script type="text/javascript" src="js/bootstrap.js"></script>

<script type="text/javascript" src="js/SmoothScroll.js"></script>

<script type="text/javascript"
src="js/jqBootstrapValidation.js"></script>

<script type="text/javascript" src="js/contact_me.js"></script>

<script type="text/javascript" src="js/main.js"></script>

</body>

</html>
IMAGE
CONCLUSION

I hope this project will surely help all the students, who have browse the net daily. And this website
also helps to see the details of the Bakery. It can be easily concluded that, the project is very much
helpful, through it have some limitations and require future modification if needed
Prayas
Kumar Pati

You might also like