सेōट जेिभयस´ कलेज

ST. XAVIER’S COLLEGE

माईतीघर, काठमाडɋ,
MAITIGHAR, KATHMANDU
POST BOX: 7437 नेपाल
CONTACT: 4221365, 4244636 पो.ब.नं: ७४३७
EMAIL: [email protected] फोन:४२२१३६५, ४२४४६३६
ईमेल:[email protected]

DEPARTMENT OF COMPUTER SCIENCE

MINI PROJECT
“Website for Crossway Restaurant”

Submitted By:
Name: Subigya Adhikari
Class: 12 ‘I’
Roll No: 022neb494

Submitted to:
Mrs. Jamuna Maharjan
Department of Chemistry
St. Xavier’s College
Maitighar Kathmandu Nepal
Date: 23rd January, 2024
ACKNOWLEDGEMENT

ii
ABSTRACT

Programming languages play a crucial role in shaping human life by enabling

the development of various technological solutions. From the software that
powers our smartphones and computers to the algorithms that drive social media
platforms and online services, programming languages are the building blocks
of modern digital life. They facilitate the creation of applications for
communication, entertainment, education, business, and more. Additionally,
programming languages are essential for fields like artificial intelligence, data
analysis, and automation, contributing to advancements in healthcare,
transportation, and environmental sustainability. Overall, programming
languages have become integral to how we interact with technology and the
ways in which it enhances and transforms our daily lives.

iii
 TABLE OF CONTENTS

ACKNOWLEDGEMENT.................................................................................................ii
ABSTRACT.....................................................................................................................iii
TABLE OF CONTENTS.................................................................................................iv
1 INTRODUCTION..........................................................................................................1
1.1 HTML.................................................................................................................1
2 OBJECTIVES.................................................................................................................2
3 SOURCE CODE.............................................................................................................3
3.1 HTML AND CSS FOR HOMEPAGE....................................................................3
3.1.1 HTML.....................................................................................................................3
3.1.2 CSS.........................................................................................................................4
3.2 HTML AND CSS FOR ABOUT US PAGE...........................................................6
3.2.1 HTML.....................................................................................................................6
3.2.2 CSS.........................................................................................................................8
4 OUTPUT...................................................................................................................10
4.1 HomePage..............................................................................................................10
4.2 About Us................................................................................................................10
5 CONCLUSION............................................................................................................11
REFERENCES................................................................................................................11

iv
1 INTRODUCTION

1.1 HTML

HTML stands for HyperText Markup Language. It is used to design web pages
using a markup language. HTML is a combination of Hypertext and Markup
language. Hypertext defines the link between web pages. A markup language is
used to define the text document within the tag which defines the structure of
web pages. This language is used to annotate (make notes for the computer) text
so that a machine can understand it and manipulate text accordingly. Most
markup languages (e.g. HTML) are human-readable. The language uses tags to
define what manipulation has to be done on the text.

1
 2 OBJECTIVES

The General objectives of this research work are:

 Design and code a website

 Implement CSS, Server-side and Client-side programming

languages The specific objectives of this research work are:

 To make a user-friendly website

 To make the website attractive and minimalistic as well as beautiful
 To store the required information of the user in server’s database
 To make use of java for server-side scripting and php to store in database

2
3 SOURCE CODE

3.1 HTML AND CSS FOR HOMEPAGE

3.1.1 HTML:

<html>
<head>
<title>
Crossway- For Crunchy Chicken And Crispy Burger
</title>
<link rel="stylesheet" href="styl.css">

</head>
<body>
<div class="banner">
<center><h3>
<div class="purple">
<br>
CROSSWAY RESTAURANT, Tylanglphat,Kirtipur Phone no:
986901496
<br>
<br>
</div>
</center></h3>

<div class="texture">
<h1>WHERE HEALTHY FOOD <br>MEETS HEALTHY
PEOPLE</h1>
<ul>
<li><a href="Homepage.html">Home</a></li>
<li><a href="Aboutus.html">About</a></li>
<li><a href="Menu.html">Menu</a></li>
<li><a href="#">Job Applications</a></li>
<li><a href="#">Customer Service</a></li>
</ul>
</div>
<div class="texture1">

3
 <h1>Welcome To Crossway Restaurant</h1>
<div><a href="register.html"><button type="button"
>Register</button></a>&emsp;
<a href="Login.html"><button type="button" >Login</button></a>
</div>
</div>

</div>

</body>
</html>
3.1.2 CSS:

*{ margin
: 0;
padding: 0;

}
.banner{ widt
h: 100%;
height: 100vh;
background-image: linear-
gradient(rgba(0,0,0,0.75),rgba(0,0,0,0.75)),url(chicken.jpg);
background-size:42%;
background-position:center;
}
.purple{
color:aliceblue;
font-family: Papyrus,fantasy;

}
.texture{ width:87
%; margin:auto;
padding:35px 0;
display:flex;
align-items:center;
justify-content: space-between;

4
 font-family:sans-serif;
color:antiquewhite;
}
.texture ul li{
list-style: none;
display: inline-block;
margin: 0 20px;
position:relative;
}
.texture ul li a{
text-decoration: none;
color:white;
text-transform: uppercase;
}
.texture ul li::after{
content:'';
height: 3px;
width: 0%;
background: #FF1493;
position:absolute;
left: 0;
bottom:-10px;
transition:0.8s;
}
.texture ul li:hover::after{
width: 100%;
}
.texture1{ width:10
0%; text-
align:center;
color:ghostwhite;
font-family:sans-serif;
}
.texture1 h1{
font-size: 55px;
margin-top:7%;
margin-bottom: 1%;
}

5
 .texture1 p{
margin: 20px auto;
font-family:cursive;
line-height: 30px;
color:bisque;
font-size: 20px;
}
button{
width: 125px;
margin-top: 20px;
padding: 10px 0;
text-align: center;
border-radius: 25px;
font-weight: bold;
background-color: transparent;
color:azure;
border: 2px solid
#009688; cursor: pointer;
}
button:hover{
border:2px solid #FF1493;
}

3.2 HTML AND CSS FOR ABOUT US PAGE

3.2.1 HTML

<html>
<head>
<title>
Crossway- For Crunchy Chicken And Crispy Burger
</title>
<link rel="stylesheet" href="styl2.css">

</head>
<body>
<div class="banner">
<center><h3>

6
 <div class="purple">
<br>
CROSSWAY RESTAURANT, Tylanglphat,Kirtipur Phone no:
986901496
<br>
<br>
</div>
</center></h3>

<div class="texture">
<h1>WHERE HEALTHY FOOD <br>MEETS HEALTHY
PEOPLE</h1>
<ul>
<li><a href="Homepage.html">Home</a></li>
<li><a href="Aboutus.html">About</a></li>
<li><a href="Menu.html">Menu</a></li>
<li><a href="#">Job Applications</a></li>
<li><a href="#">Customer Service</a></li>
</ul>
</div>

<div class="texture1">

Grandma Giovanna was born in Sicily in 1927. She spent an

idyllic childhood eating grapes off the vines from the
family vineyard and learning to cook traditional Sicilian food alongside
her mother. But when she was 13, a German Panzer
division occupied her village, and her life changed forever. That's the
beginning of an interesting story.
After the occupation, Grandma Giovanna was sent to live with
relatives in America, but she continued to
cook her traditional Sicilian dishes to remind her of home. Years
later, she shared her family recipes
with her granddaughter, Marisa, and now Chef Marisa is bringing
them to you…
<br>We are all about out customers quality time. We endeavour
to achieve satisfaction and ecstasy of
out customers. We are run by our head chef Marisa, an ex-KFC chef.
She has been around the globe experiencing

7
 foreign delicacies and racking up experiece. We aim at provide excellent
fooding to our customers.

</div>
<div class="bid">
🅲🆁🅾🆂🆂🆆🅰🆈
</div>
</div>

</div>

</body>
</html>

3.2.2 CSS

*{
margin: 0;
padding: 0;

}
.banner{ widt
h: 100%;
height: 100vh;
background-image: linear-
gradient(rgba(0,0,0,0.75),rgba(0,0,0,0.75)),url(chicken.jpg);
background-size:75%;
background-position:center;
}
.purple{
color:aliceblue;
font-family: Papyrus,fantasy;

}
.blue h1{
font-family:Arial, Helvetica, sans-serif;
color:antiquewhite;
text-align:center;

8
 margin-top: 9%;
font-size: 45px;
font-weight: bolder;
}
.red{
font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
color:antiquewhite;
margin-top: 2%;
text-align:center;
font-size:25px;
justify-content:left;
}
.space{
margin-top: 15px;
color:white;
font-size: medium;
font-family: Georgia, 'Times New Roman', Times, serif;
}
button{ width
: 125px;
padding: 10px 0;
text-align: center;
border-radius: 25px;
font-weight: bold;
background:transparent;
color:azure;
border: 2px solid
#009688; cursor: pointer;
}

9
4 OUTPUT

4.1 HomePage

4.2 About Us

1
 5 CONCLUSION

REFERENCES

[1] Aria

[2] https://www.geeksforgeeks.org/html-introduction/