Download as pdf or txt
Download as pdf or txt
You are on page 1of 45

RAMAKRISHNA MISSION

VIVEKANANDA COLLEGE
EVENING COLLEGE (AUTONOMOUS)

DEPARTMENT OF COMPUTER APPLICATION

MINI PROJECT
BUSINESS DEVELOPMENT
WEBSITE FOR A COMPANY

DEVELOPED BY : GIRIDHARAN.R
REGISTER NUMBER : UCAA1743
CLASS : III YEAR B.C.A
BATCH : 2017 - 2020
GUIDED BY : PROF. T. PERUMAL
ACKNOWLEDGEMENT

My heartfelt thanks to Almighty for blessing me to


complete this project successfully.

My profound thanks to Revered Evening College In-Charge


Maharaj for his blessings as well as his support in terms of
providing facilities which helped us to complete this project
successfully.

My sincere thanks to our principal , Dr.K.Sethusankar for


his kind support and motivation.

I express my gratitude to Prof. J. Sekaran, Head of Department of


Computer Science and Prof. T. Perumal, Department of
Computer Applications for both guiding me as well as
encouraging me to complete this project successfully.

I would like to convey my thanks to the faculties of our


Department who clarified my doubts whenever
I approached them.

I finally express my deep respect to my parents for their


continuous support and thanks to my friends for their
valuable contribution in my project completion.
RAMAKRISHNA MISSION
VIVEKANANDA COLLEGE
EVENING COLLEGE (AUTONOMOUS)

DEPARTMENT OF COMPUTER APPLICATION

CERTIFICATE

This is to certify that project entitled Business Development


Website For a Company is bonafide Record of work done by
R.GIRIDHARAN , REGISTER NUMBER: UCAA1743 , Partial
fulfillment of the requirements for the award of the Degree of
BACHELOR OF COMPUTER APPLICATIONS.

PROJECT GUIDE : PROF. T. PERUMAL

H.O.D : PROF. J. SEKARAN

EXAM DATE :

INTERNAL EXAMINER EXTERNAL EXAMINER


INDEX
PROJECT REPORT

S.NO. CONTENTS PAGE NO.

1 ABSTRACT 1

2 CHAPTER 1:INTRODUCTION 2

CHAPTER 2:REVIEW OF YOUR PROJECT 3


3

CHAPTER 3: SYSTEM SPECIFICATION


4 4
I) HARDWARE SPECIFICATION

5 CHAPTER 3:SOFTWARE SPECIFICATION 5

CHAPTER 4: METHODOLOGY
6 6
WHAT IS DATA & PROCESS ?

7 CHAPTER 5: FLOW DIAGRAM 8

8 CHAPTER 5: ER DIAGRAM 9

9 CHAPTER 6: DATA INTERPRETATION 10

10 CHAPTER 7: DISCUSSION
18
CONCLUSION

11 CHAPTER 8: FUTURE ENHANCEMENT 19

12 REFERENCES 20

13 APPENDIX I :FRONT END CODING 21

14 APPENDIX II :BACK END CODING 39


ABSTRACT

Online Website are playing an important role in our day to


day life from online shopping ,Online banking etc... which is
saving time and helping ineffective management of
resources. In this project PHP based Web application is
designed, which as features for Saratha Electrical Works
(Industrial equipment manufacturing company).Checking
the availability of a equipment Services and then select
specific Equipment's for the specific Function.Specialization
of Manufacturer and a form is shown to the Client in the
Contact Section.Client will contacting via filling the form
based on Requirements and Services.
Manufacturer Contact the Client . Updates are sent from
the Manufacturer
according to the clients message along with details . The
project is designed with Two modules Client and
Manufacturer. Entire data is managed in a centralized
database using the MySQL database.

lll BCA GIRIDHARAN R UCAA1743 Page No. 1


CHAPTER 1 INTRODUCTION

As technology advances internet is becoming ever popular.


Website has become an essential part. Often website of an
Company is used as major requirements to rate it.Thus having
a website is essential for any major organization. As one of
the Company of a Leading Industrial Equipment
Manufacturing Company in Chennai, needs to have a useful
and stunning website to showcase their Products and use as a
medium to interact with Clients, Business investors and
others. On this project we will develop a Website for the
Saratha Electrical Works (Industrial Equipments
Manufacturing Company). To specify their services and
specialization of Industrial Equipments and its Use in our day
to day life.Through this Website the Manufacturer and Client
get a easy understanding about the Company and the
Products and It also acts as a portal to contact the
manufacturer Directly.Overall a useful website can be really
helpful for the Company.

1.1 GOAL OF STUDY

There is a gap between the Manufacturer and the


Client. Through this Website Client can easily able to
contact the manufacturer and client can able to
express the views and can able to get the exact
machine what the client needs.This also Increases the
Profit Margin of the company and increases the
Sales.It Improves interaction with existing and
potential customers .It also increases the trust
Between the client and the manufacturer .It is also
used to Build a Brand

lll BCA GIRIDHARAN R UCAA1743 Page No. 2


CHAPTER 2 REVIEW OF PROJECT

As mentioned earlier, the ‘Buisness Development Website


For a Industrial Equipments Manufacturing Company’ is the
first of its kind. There are no exact technical papers
published on this topic. However, there were few technical
papers related to this topic which gave us some ideas.

1.Ethan Marcotte first published Responsive Web Design in


2011
Through this Book we got an idea Similar to an Ecommerce
website design . The only difference was that it
contained all the information related to the Products and
its use .

2.Complete design document of database design for a Query


Management System was published by logesh prabu
(published on May 12, 2011 at Slideshare) This report was
database related. It covered all the information related to a
customer queries.

3. E-COMMERCE SITE IN PHP paper was published in code-


projects.org . This technical paper was about a project which
was like an interactive system for the Client and the
Manufacturer. The clients could see their requirements and
can able to choose & the order the equipment needed. These
include a debugger, libraries, documentation, sample code,
and tutorials.

lll BCA GIRIDHARAN R UCAA1743 Page No. 3


CHAPTER 3 SYSTEM SPECIFICATION

1) HARDWARE SPECIFICATION

OS Name: Microsoft Windows 10 Pro


Version :10.0.18362 Build 18362
OS Manufacturer: Microsoft Corporation
System Manufacturer: Dell Inc.
System Model: Vostro 3268
System Type: x64-based PC
Processor: Intel(R) Core(TM) i3-7100 CPU @ 3.90GHz,
3912 Mhz, 2 Core(s), 4 Logical Processor(s)
BaseBoard: Manufacturer Dell Inc.
Platform Role: Desktop
Installed Physical Memory (RAM): 12.0 GB
Total Physical Memory: 11.9 GB
Total Virtual Memory 13.7 GB

lll BCA GIRIDHARAN R UCAA1743 Page No. 4


CHAPTER 3 SYSTEM SPECIFICATION

2) SOFTWARE SPECIFICATION

Various tools and technologies are used to implement the


system:

MYSQL: MYSQL will be used to implement the database and


store all the records.

PHP: Hypertext Pre-Processor will be used to interface the


front-end and the back-end at the site.

HTTP: Hypertext Transfer Protocolis an application-layer


protocol for transmitting hypermedia documents, such as
HTML. It was designed for communication between web
browsers and web servers.

CSS: Cascading Style Sheets is a style sheet Used for front end
Desighn purpose.

Brackets : Brackets is a source code editor with a primary


focus on web development. Created by Adobe Systems

Bootstrap: It is a free and open-source CSS framework


directed at responsive, mobile-first front-end web
development

Java Script: It is a lightweight, interpreted most well-known as


the scripting language for Web pages

lll BCA GIRIDHARAN R UCAA1743 Page No. 5


CHAPTER 4 METHODOLOGY

DATA

Here the data is feedback of the client.Its got from the


Customers and Clients form.These data are got from
the website forms.

These datas are stored as a Table in the MySql


Database.These datas further processed by the
Manufacturer according to the requirements

lll BCA GIRIDHARAN R UCAA1743 Page No. 6


PROCESS

These data's are stored in the MySql Database.As


a a data Table.These data table are further Used
by Manufacturer to Improve his services in
various things.

For Example:
If a Client telling to improve his website UI design
so manufacturer tries to improve it and satisfy
his Clients and through this manufacturer can
also able to contact the client by the email id
.This also used get direct contact with client and
manufacturer.

lll BCA GIRIDHARAN R UCAA1743 Page No. 7


CHAPTER 5 DATA FLOW DIAGRAM

lll BCA GIRIDHARAN R UCAA1743 Page No. 8


CHAPTER 5 ENTITY RELATION DIAGRAM

lll BCA GIRIDHARAN R UCAA1743 Page No. 9


CHAPTER 6 DATA INTERPRETATION

Here we get to know about how project with a pictorial


representaion of each steps

STEP 1:

It is the home page of the company website while clicking


the home button in the navigation bar with the help of
script scroll java script file it navigate to home page
easily.

lll BCA GIRIDHARAN R UCAA1743 Page No. 10


STEP 2:

It is Our service page of the company website.It has all services of the
company through this client/customer can contact the manufacturer
according to requirements. while clicking the service button it navigate
to Services page easily

STEP 3:

It is About Us page of the company website. It has all key features of


the company through this client/customer can know about the
manufacturer Speciality.

lll BCA GIRIDHARAN R UCAA1743 Page No. 11


STEP 4:

It is Our Client page of the company website.It has all our Past clients
of the company through this client/customer can get more trust and
faith about our Services.

STEP 5:

It is the Contact page of the company website. Through this


Client/Customer can contact the manufacturer directly and can also
message their Feedback to the manufacturer

lll BCA GIRIDHARAN R UCAA1743 Page No. 12


STEP 6:

It is Our Client page of the company website.It has all our Past clients
of the company through this client/customer can get more trust and
faith about our Services.

STEP 7:

It is the Contact page of the company website. Through this


Client/Customer can contact the manufacturer directly and can also
message their Feedback to the manufacturer

lll BCA GIRIDHARAN R UCAA1743 Page No. 13


STEP 8:

It is the Query form in the contact section .The Client can send
message to the manufacturer by filling the form and submiting it.

STEP 9:

After Submitting the Form . The datas are stored in MySql database

lll BCA GIRIDHARAN R UCAA1743 Page No. 14


STEP 10:

It is the Query form in the contact section .The Client can send
message to the manufacturer by filling the form and submiting it.

STEP 11:

If the required field of the form is not correct then the data will not
be submitted or saved in the database.

lll BCA GIRIDHARAN R UCAA1743 Page No. 15


STEP 12:

If all the datas are submitted correctly in the form then the datas are
stored in the database

STEP 13:

The datas are accessible only by the Manfacturer . The datas are
Stored in query db as a table name called Feedback.

lll BCA GIRIDHARAN R UCAA1743 Page No. 16


STEP 14:

All the Submitted datas are saved as table in mysql database and It can be
Exported as pdf,xml,text,sql,doc,excel files etc...

lll BCA GIRIDHARAN R UCAA1743 Page No. 17


CHAPTER 7
DISCUSSION & CONCLUSSION

This system, being the first We have created For Industrial


Manufacturing company , has proven more difficult than originally
imagined. While it may sound simple to fill out a few forms and
process the information, much more is involved in the Query
of Client . Every time progress was made and features were
added, ideas for additional features or methods to improve the
usability of the Website made themselves apparent. Furthermore,
adding one feature meant that another required feature was now
possible, and balancing completing these required features with
the ideas for improvement as well as remembering everything
that had to be done by project requirements in itself.

Debugging can sometimes be a relatively straight forward process,


or rather finding out what you must debug can be. Since so many
parts of the feedback system are integrated into one another, if
an error occurs on one field , it may be a display error, for
example; it may be the information is not correctly written ; or
even that the information is not correctly stored in the database
initially, and all three must be checked on each occasion. This
slows down the process and can be frustrating if the apparent
cause of a problem is not obvious at first.

lll BCA GIRIDHARAN R UCAA1743 Page No. 18


CHAPTER 8 FUTURE ENHANCEMENT

The future scope of this project is very broad Few of them are:

24/7 customer Support can be given.

Response time can be increased.

UI and Graphics of Website can be improved more as attractive

to the Clients.

This can be accessed anytime anywhere, since it is a web

application provided only an internet connection.

It can be Improved as a E-commerce with a huge features of

Add Cart,Buy Now,Cash on Delivery Etc..

lll BCA GIRIDHARAN R UCAA1743 Page No. 19


REFERENCES

An Integrated approach to Software Engineering,Narosa

publishers, Third edition by Pankaj Jalote.

The Manual-www.php.net.

PHP Manual-www.w3school.com.

Secure PHP Development-Building 50 Practical

Applications by Mohammed J Kabir,Wiley Publishing,inc.

PHP for Absolute Beginners by Jason Lengstorf

HTML & CSS: The complete reference by Thomas Powell

lll BCA GIRIDHARAN R UCAA1743 Page No. 20


APPENDICES

1) APPENDIX: FRONT END CODING

<html>
<head>

<title>SARATHA ELECTRICAL WORKS </title> <!-- COMPANY


NAME -->

<link rel="stylesheet" href="style.css"><!-- TO CONNECT HTML


WITH CSS FILE-->

<link rel="stylesheet"
href="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/css/bo
otstrap.min.css"> <!-- BOOTSTRAP LINK TO ADJUST THE WEBPAGE
SIZE-->
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js">
</script>

<script
src="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/js/boots
trap.min.js">
</script>

<link rel="stylesheet"
href="https://stackpath.bootstrapcdn.com/font-
awesome/4.7.0/css/font-awesome.min.css"><!-- FOR usage of
Icons -->

</head>
<body>

lll BCA GIRIDHARAN R UCAA1743 Page No. 21


<!-- Navigation bar coding starts-->
<section id="nav-bar">
<nav class="navbar navbar-expand-lg navbar-light">
<a class="navbar-brand" href="#">
<img src="images/SAA.png"></a>
<button class="navbar-toggler" type="button" data-
toggle="collapse" data-target="#navbarNav" aria-
controls="navbarNav" aria-expanded="false" aria-label="Toggle
navigation">
<i class="fa fa-bars"></i>
</button>
<div class="collapse navbar-collapse" id="navbarNav">

<ul class="navbar-nav ml-auto"> <!--ml- auto is used to align the


nav buttons to right-->
<li class="nav-item">
<a class="nav-link" href="#top">HOME </a>
</li>
<li class="nav-item">
<a class="nav-link" href="#services">SERVICES</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#about-us">ABOUT US</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#testimonial">OUR CLIENTS</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#footer">CONTACT US</a>
</li> </ul>
</div>
</nav>
</section>

lll BCA GIRIDHARAN R UCAA1743 Page No. 22


<!---banner--->
<section id="banner">
<div class ="container">
<div class="row">
<div class="col-md-5 text-left">
<img src= "images/engineers.png" class="img-fluid">

</div>
<div class="col-md-7">
<p class="promo-title"> LEADING INDUSTRIAL EQUIPMENT
MANUFACTURER </p>
<p>
Our compnay was established in the year 1990. We started,
manufacturing in the year 2004. Eaarlier were invloved only into the
services area providing clucthes, clucth plates, electromagnetic,
vibrate products etc..
We are pleased to introduce ourselves as leading ELECTRICAL AND
ELECTRONICS ENGINEERS. Registered as small scale unit, we have
sufficient facilities, excellent workman force and technical persons
to undertake any type of Electrical, Electronics and Magnet
jobs,particularly Electro / Permanent Magnet Chuck, Feeders,
Unbalance Motor Vibrator Coil, Boveal Feeders and VIB-Controls,
BINVibrator, De-Magnetisers, Filters, Overband Magnet, Suspension
Magnet, Permanent / Electro Lifting Magnet. We are able to supply
all type Separators, Electro Magnetic Brakes and Clutches, Industrial
Metal Detectors, various design and making etc..
</p>
</div>
</div>
</div>
<img src ="images/strip.png" class="bottom-img">
</section>

lll BCA GIRIDHARAN R UCAA1743 Page No. 23


<!---service section---->
<section id="services">
<div class="container text-center">
<h1 class ="title"> OUR SERVICES </h1>
<div class="row">
<div class="col-md-4 services">
<img src="images/clutch%20plates.jpg" class="service-
img">
<h4> CLUTCH PLATE</h4>
<p> We produce a wide assortment of clutch plate set
(small, part no: d-1015) for various automobile purposes. Our
collection is well acclaimed for its attributes such as high friction
and heat tolerance. These are offered in various specifications on
the basis of the client demands.</p>
</div>
<div class="col-md-4 services">
<img src="images/RECTANGLE%20PLATE%20MAGNET.jpg"
class="service-img">
<h4> LIFTING MAGNET </h4>
<p> For fast, safe, efficient loading and unloading, make
use of our lifting magnets. Using various powerful rare earth
magnets, we make these lifting magnets, which are used for
searching metal objects in tanks or places that are difficult to
access. </p>
</div>

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


<img src="images/electromagnet_ac_dc.jpg"
class="service-img">

lll BCA GIRIDHARAN R UCAA1743 Page No. 24


<h4> ELECTROMAGNET AC/DC MOTOR </h4>
<p> Electromagnet ac/dc motors are applicable most
wherever variable speed control drives are used. The speed control
of dc motors by armature control or field control at constants
torque and for constant continuous operation. Due to
incorporation with latest technology which ensures safe and
trouble-free operations under critical conditions.</p>
</div>

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


<img src="images/SUSPENDED%20MAGNET%201.jpg"
class="service-img">
<h4> SUSPENSION MAGNET </h4>
<p> We offer precision engineered suspension magnets
that are used for separation of ferrous materials from ores, food
grains, refractory material, dyes and many more. Our suspension
magnets are customized as per the requirements of our clients and
are available in varied sizes.</p>
</div>

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


<img src="images/VIBRATORY%20MOTORS.jpg"
class="service-img">
<h4> VIBRO MOTORS</h4>
<p> We offer the extensive range of the Vibro Motors
that is developed with the finest raw material that is stringently
checked by our quality controllers. These are applicable for the
Vibrating Feeders/ Vibrating Tables and on silos for proper flow of
sticky material. The Unbalance Vibro Motors are also applicable in
sieving machine that helps in grinding of the fine powder and
filtering of the liquid. </p>
</div>

lll BCA GIRIDHARAN R UCAA1743 Page No. 25


<div class="col-md-4 services">
<img src="images/DEMAGNETIZER%20%5BPLATE%5D.jpg"
class="service-img">
<h4> DEMAGNETIZER </h4>
<p> We offer demagnetizers, meant for removing
magnetism in metals. Often in various industrial process, metallic
parts are placed in a magnetic field for pressing, cutting and
bending due to which they tend to become slightly magnetized. This
magnetization is removed by using demagnetizers.demagnetizers
are of different types, shapes, sizes and configurations. Each
demagnetizer serve specific purpose.</p>
</div>
<div class="col-md-4 services">
<img
src="images/ELECTOR%20MAGNETIC%20CHUCKS.jpg"
class="service-img">
<h4> ELECTRO MAGNETIC CHUCKS</h4>
<p> This machine is actually a work holding device used
for surface grinding machines. Each of its pole is having separate
coil, so very strong & even magnetic flux is generated. Further, its
magnetic pull is 30-50% more then is specification </p>
</div>
<div class="col-md-4 services">
<img
src="images/ELECTRO%20MAGNETIC%20CLUTCH.jpg"
class="service-img">
<h4> ELECTROMAGNETIC BRAKES </h4>
<p> We provide electromagnetic brake and clutch which
are quality tested for optimum client satisfaction. Our range is ideal
for emergency brakes in the automotive industry. Our range is
based on the electromagnetic principle that ensures safe operation
and effective handling of the machinery.</p>
</div>

lll BCA GIRIDHARAN R UCAA1743 Page No. 26


<div class="col-md-4 services">
<img
src="images/MAGNETIC%20DRUM%20SEPARATOR%201.jpg"
class="service-img">
<h4> MAGNETIC DRUM SEPERATOR </h4>
<p> MAGNETIC DRUM SEPERATOR remove both large and
small pieces of iron contaminants from material processing lines.
Powerful permanent magnets enable more efficient separation
performance for a broader range of applications than ever before.
These units provide efficient separation on volumes up to 25,600
cubic feet (725 cubic meters) per hour. They provide years of
trouble–free automatic removal of tramp iron from heavy flows of
bulk materials, including large and highly abrasive materials.</p>
</div>

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


<img src="images/Masgentic%20Grill%201.jpg"
class="service-img">

<h4> MAGNETIC GRILL </h4>


<p> Permanent Magnetic Grill are used for separation of
iron particles mixed with dry, granular or free flowing material.
Magnetic Grill are made by using stainless steel frames (Round,
Square or Rectangular) with Magnetic Rods inside the frame.These
Magnetic Grill are made up of Magnetic Elements which are fitted
inside a required size frame. The Magnetic Elements are made up of
hard Ferrite Ceramic Magnets or High Intensity Rare Earth NdFeB
MagnetsThe overall construction of the Magnetic Grill can also be
made as per the customer specification and sizes</p>
</div>

lll BCA GIRIDHARAN R UCAA1743 Page No. 27


<div class="col-md-4 services">
<img src="images/Vibratory%20Bowl.jpg" class="service-
img">
<h4> VIBRATOR BOWL FEEDER </h4>
<p> Vibratory Bowl feeders are a traditional way of
handling and sorting bulk products to further processing machinery
and packaging lines. The vibratory bowl feeder has not changed
greatly over the years and remain a robust and reliable solution in
place of a line operator. Bowl feeders come in many shapes and
sizes and can be used in the pharmaceutical, food, automotive,
electronics and packaging industries.</p>
</div>

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


<img src="images/oli-ball-type-vibrator-500x500.png"
class="service-img">
<h4>PNEUMATIC BALL VIBRATOR</h4>
<p> The pneumatic vibrators convert the pneumatic
energy from compressed air into mechanical energy, causing a
linear or circular movement, the power of which is adjustable by
setting the pressure of the air flow supplied.These are used in
Moving small and light weight components into the range of
another machine in an automated assembly line.</p>
</div>
</div>

</div>
</section>

lll BCA GIRIDHARAN R UCAA1743 Page No. 28


<!--------About Us--->
<section id="about-us">
<div class="container">
<h1 class="title text-center">OUR SPECIALITY</h1>
<div class="row">
<div class="col-md-6">
<p class="about-title">Why People Choose Us? </p>
<ul>
<li>Offering customization products</li>
<li>Proficient Team members </li>
<li>Our Customers Are Our Biggest Asset</li>
<li>Timely deliveries</li>
<li>Our Support Team is Friendly, Fast, and
Knowledgeable</li>
<li>Best Price</li>
<li>Satisfaction Guaranteed</li> </ul>
</div>
<div class="col-md-6">
<img src="images/bui.png"class="img-fluid">
</div>
</div>
</div>
<img src ="images/strip.png" class="bottom-img">

</section>

lll BCA GIRIDHARAN R UCAA1743 Page No. 29


<!---TESTIMONY-->
<section id="testimonial">
<div class="container text-center">
<h1 class="title text-center">OUR CLIENTS </h1>
<div class="row">
<div class="col-md-4 testimonials">
<img src="images/hyundai1.png"class=user-details>
<p><b>Hyundai Motor Company</b></p>
</div>
<div class="col-md-4 testimonials">
<img src="images/l&t.png" alt="l&t.png" width="200"
height="200"class=user-details>
<p><b>Larsen and Toubro</b></p>
</div>
<div class="col-md-4 testimonials">
<img src="images/jsw.png"class=user-details>
<p><b>JSW Steel Ltd</b></p>
</div>
<div class="col-md-4 testimonials">
<img src="images/lucas%20tvs.jpg" alt="lucas%20tvs.jpg"
width="200" height="200"class=user-details>
<p><b>Lucas TVS Limited</b></p>
</div>
<div class="col-md-4 testimonials">
<img src="images/Royal_Enfield_Logo_full-700x700.png"
alt="Royal_Enfield_Logo_full-700x700.png" width="200"
height="200" class=user-details>
<p><b>ROYAL ENFIELD</b></p>
</div>
</div>
</div>
</section>

lll BCA GIRIDHARAN R UCAA1743 Page No. 30


<!-----media-->
<section id="Social-media">
<div class="container text-center">
<p> FIND US ON SOCIAL MEDIA</p>
<div class="Social-icon">
<a href="#">
<img src="images/fb.png"> </a>
<a href="#">
<img src="images/snapchat.png"> </a>
<a href="#">
<img src="images/insta.png"> </a>
<a href="#">
<img src="images/whatsapp.png"> </a>
<a href="#">
<img src="images/twitter.png"> </a>
<a href="#">
<img src="images/linkedin.png"> </a>
</div>
</div>
</section>---->
<!------footer section---->
<section id="footer">
<img src ="images/strip.png" class="footer-img">
<div class="container">
<div class="row">
<div class="col-md-4 footer-box">
<p><b><br><br><br>SARATHA ELECTRICAL WORKS</b>
</p>
<p> We are the leading manufacturer of Industrial
equipment </p>
</div>

lll BCA GIRIDHARAN R UCAA1743 Page No. 31


<div class="col-md-4 footer-box">
<p><b><br><br><br>CONTACT US</b></p>
<p><i class="fa fa-map-marker"></i> Saratha Electrical Works ,
Korattur</p> <p> <i class="fa fa-phone"></i> +91
9444822356</p>
<p><i class="fa fa-envelope-o"></i>
sarathayalan@gmail.com</p>
</div>
<div class="col-md-4 footer-box">
<p><b><br><br><br>QUERY</b></p>
<form method="post" action="connect.php">
<input type="text" name="name" class="form-control"
placeholder="Your Name"><br>
<input type="textarea" name="message" rows="10"
cols="30" style="width:350px; height:100px" class="form-control"
placeholder="Your Message"><br>
<input type="email" name="email" class="form-
control" placeholder="Email address "><br>
<input type="submit" class="btn btn-primary"
value="SUBMIT"><br>

</form>

</div>

</div>
<hr>
<p class="copyright"><br><b>WEBSITE CREATED BY
BOUNCE BACKERZ</b></p>
</div>
</section>

lll BCA GIRIDHARAN R UCAA1743 Page No. 32


<!-----smooth scroll--->
<script src="smooth-scroll.js"></script>
<script>
var scroll = new SmoothScroll('a[href*="#"]');
</script>
</body>
</html>

CSS CODING

*
{
margin:0;
padding: 0;
}
body
{
font-family: sans-serif;
}
#nav-bar
{
position: sticky; /*it will be stable*/
top: 0;
font-size: 20px;
font-weight: bold;
z-index:100;
}
.navbar
{
background-image: radial-gradient( circle farthest-corner at -0.8%
4.3%, rgba(59,176,255,1) 0%, rgba(76,222,250,1) 83.6% );
}

lll BCA GIRIDHARAN R UCAA1743 Page No. 33


.navbar-brand img
{height: 100px;
padding-left: 20px;
}
.navbar-nav li
{
padding: 0 10px;
}
.navbar-nav li a
{
color:black;
font-weight: 600;
float: right; text-align:left;
}
.fa-bars
{color:black;
font-size: 30px !important;
}
.navbar-toggler
{
outline: none !important;
}
.navbar-brand img
{height: 100px;
padding-left: 20px;
}
.navbar-nav li
{
padding: 0 10px;
}

lll BCA GIRIDHARAN R UCAA1743 Page No. 34


.navbar-nav li a
{
color:black;
font-weight: 600;
float: right; text-align:left;
}
.fa-bars
{color:black;
font-size: 30px !important;
}
.navbar-toggler
{
outline: none !important;
}
.services
{
padding: 20px;

}
.services h4
{
padding: :5px;
margin-top: 25px;
text-transform: uppercase;
}
.title::before
{
content:'';
background: #0066cc;
height: 5px;
width: 260px;
margin-left: auto;

lll BCA GIRIDHARAN R UCAA1743 Page No. 35


margin-right: auto;
display: block;
transform: translateY(63px);
}
.title::after
{
content:'';
background: #0066cc;
height: 10px;
width: 50px;
margin-left: auto;
margin-right: auto;
margin-bottom: 40px;
display: block;
transform: translateY(8px);
}
#services.btn-primary
{
box-shadow: none;
padding: 8px 25px;
border: none;
border-radius: 20px;
background-image: radial-gradient( circle farthest-corner at -0.8%
4.3%, rgba(59,176,255,1) 0%, rgba(76,222,250,1) 83.6% );
}

/*--------about us-----*/
{
background:#f8fafa;
padding-bottom: 50px;
padding-top: 50px;
}

lll BCA GIRIDHARAN R UCAA1743 Page No. 36


.about-title
{
font-size:40px;
font-weight:600;
margin-top:8%;
}
#about-us ul li
{
margin:10px 0;
}
#about-us ul
{
margin-left: 20px;
}
.bottom-img
{
width: 100%;
}
/*---testimonials----*/
#testimonial
{
margin: 100px 0;
}
.testimonials img
{
margin:0 10px;
}

.user-details
{
display:inline-block;
font size:12px;
}

lll BCA GIRIDHARAN R UCAA1743 Page No. 37


/*----social media---*/
#social-media
{
background: #f8f9fa;
padding: 100px 0;
}
#social-media p
{
font-size: 40px;
font-weight:600;
margin-bottom: 30px;

}
.social-icon img
{
width:40px;
transition: 0.58;
}
.social-icon a hover img
{
transform: translate Y(-10px);
}
hr
{
background-color: black;
}
.copyright
{
margin-bottom:0;
padding-bottom:20px;
text-align:center;
}

lll BCA GIRIDHARAN R UCAA1743 Page No. 38


APPENDICES

2) APPENDIX: BACK END CODING

<?php
// $name = filter_input(INPUT_POST, 'name');
// $message = fislter_input(INPUT_POST, 'message');
// $email = filter_input(INPUT_POST, 'email');
$name = $_POST['name'];
$message = $_POST['message'];
$email = $_POST['email'];
if (!empty($name)){
if (!empty($message)){
if (!empty($email)){
$host = "localhost";
$dbusername = "root";
$dbpassword = "";
$dbname = "query";
// Create connection
$conn = new mysqli ($host, $dbusername, $dbpassword,
$dbname);
if (mysqli_connect_error()){
die('Connect Error ('. mysqli_connect_errno() .') '
. mysqli_connect_error());
}
else{
$sql = "INSERT INTO mass (name,message,email)
values ('$name','$message','$email')";
if ($conn->query($sql)){
echo "New record is inserted sucessfully";
}

lll BCA GIRIDHARAN R UCAA1743 Page No. 39


else{
echo "Error: ". $sql ."
". $conn->error;
}
$conn->close();
}
} else{
echo "Email should not be empty";
die();
}
}
else{
echo "message should not be empty";
die();
}
}
else{
echo "name should not be empty";
die();
}
?>

lll BCA GIRIDHARAN R UCAA1743 Page No. 40

You might also like