0% found this document useful (0 votes)
107 views19 pages

Adwf PDF

This document contains an HTML form for reserving airline tickets. The form includes fields for entering the visitor's name, email, phone number, number of adults and children traveling, check-in and check-out dates, room preference, and an optional message field. Upon submission, the form will send the entered data to a reservation.php file via the POST method. The form uses various input fields like text, email, number, date, and select dropdown as well as basic form validation.

Uploaded by

Rupesh Singh
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
107 views19 pages

Adwf PDF

This document contains an HTML form for reserving airline tickets. The form includes fields for entering the visitor's name, email, phone number, number of adults and children traveling, check-in and check-out dates, room preference, and an optional message field. Upon submission, the form will send the entered data to a reservation.php file via the POST method. The form uses various input fields like text, email, number, date, and select dropdown as well as basic form validation.

Uploaded by

Rupesh Singh
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 19

Govt.

Polytechnic Education Society Manesar

Department: Computer Science Engineering

PRATICAL FILE APPLIC


USING WEB ATION DEVELOPMENT FRAMEWORK

NAME : Dinesh Janghu


ROLL NO. : 200070800013
SUBJECT : APPLICATION DEVELOPMENT USING WEB
FRAMEWORK
SEMESTER : 6th

SUBMITTED TO : Mrs. Reena Mam


PRACTICAL NO. – 1
Restaurant Form Using HTML and CSS

<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Restraunt</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-
awesome/5.15.3/css/all.min.css"
integrity="sha512-
iBBXm8fW90+nuLcSKlbmrPcLa0OT92xO1BIsZ+ywDWZCvqsWgccV3gFoRBv0z+8
dLJgyAHIhR35VZc2oM/gI1w=="
crossorigin="anonymous" referrerpolicy="no-referrer" />
<link rel="stylesheet" href="style.css" />
</head>

<body>
<nav class="navbar">
<div class="navbar-container container">
<input type="checkbox" name="" id="">
<div class="hamburger-lines">
<span class="line line1"></span>
<span class="line line2"></span>
<span class="line line3"></span>
</div>
<ul class="menu-items">
<li><a href="#home">Home</a></li>
<li><a href="#about">About</a></li>
<li><a href="#food">Category</a></li>
<li><a href="#food-menu">Menu</a></li>
<li><a href="#testimonials">Testimonial</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
<h1 class="logo">RS</h1>
</div>
</nav>
<section class="showcase-area" id="showcase">
<div class="showcase-container">
<h1 class="main-title" id="home">Eat Right Food</h1>
<p>Eat Healty, it is good for our health.</p>
<a href="#food-menu" class="btn btn-primary">Menu</a>
</div>
</section>

<section id="about">
<div class="about-wrapper container">
<div class="about-text">
<p class="small">About Us</p>
<h2>We've beem making healthy food last for 10 years</h2>
<p>
Hello, it's really good to be followed. To be from
all of them, for carrying out the most worthy of us and the services
of the restaurant
let us flee, and those who take any option
the greater of the present
</p>
</div>
<div class="about-img">
<img src="https://i.postimg.cc/mgpwzmx9/about-photo.jpg"
alt="food" />
</div>
</section>
<section id="food">
<h2>Types of food</h2>
<div class="food-container container">
<div class="food-type fruite">
<div class="img-container">
<img src="https://i.postimg.cc/yxThVPXk/food1.jpg" alt="error" />
<div class="img-content">
<h3>fruite</h3>
<a href="https://en.wikipedia.org/wiki/Fruit" class="btn btn-
primary" target="blank">learn
more</a>
</div>
</div>
</div>
<div class="food-type vegetable">
<div class="img-container">
<img src="https://i.postimg.cc/Nffm6Rkk/food2.jpg" alt="error" />
<div class="img-content">
<h3>vegetable</h3>
<a href="https://en.wikipedia.org/wiki/Vegetable" class="btn

btn-primary" target="blank">learn
more</a>
</div>
</div>
</div>
<div class="food-type grin">
<div class="img-container">
<img src="https://i.postimg.cc/76ZwsPsd/food3.jpg" alt="error" />
<div class="img-content">
<h3>grin</h3>
<a href="https://en.wikipedia.org/wiki/Grain" class="btn btn-
primary" target="blank">learn
more</a>
</div>
</div>
</div>
</div>
</section>
<section id="food-menu">
<h2 class="food-menu-heading">Food Menu</h2>
<div class="food-menu-container container">
<div class="food-menu-item">
<div class="food-img">
<img src="https://i.postimg.cc/wTLMsvSQ/food-menu1.jpg" alt=""
/>
</div>
<div class="food-description">
<h2 class="food-titile">Food Menu Item 1</h2>
<p>
1st item with its price
</p>
<p class="food-price">Price: &#8377; 175</p>
</div>
</div>

<div class="food-menu-item">
<div class="food-img">
<img src="https://i.postimg.cc/sgzXPzzd/food-menu2.jpg"
alt="error" />
</div>
<div class="food-description">
<h2 class="food-titile">Food Menu Item 2</h2>
<p>
2nd item with its price
</p>
<p class="food-price">Price: &#8377; 190</p>
</div>
</div>
<div class="food-menu-item">
<div class="food-img">
<img src="https://i.postimg.cc/8zbCtYkF/food-menu3.jpg" alt="" />
</div>
<div class="food-description">
<h2 class="food-titile">Food Menu Item 3</h2>
<p>
3rd item with its price . </p>
<p class="food-price">Price: &#8377; 150</p>
</div>
</div>
<div class="food-menu-item">
<div class="food-img">
<img src="https://i.postimg.cc/Yq98p5Z7/food-menu4.jpg" alt=""
/>
</div>
<div class="food-description">
<h2 class="food-titile">Food Menu Item 4</h2>
<p>
4th item with its price
</p>
<p class="food-price">Price: &#8377; 260</p>
</div>
</div>
<div class="food-menu-item">
<div class="food-img">
<img src="https://i.postimg.cc/KYnDqxkP/food-menu5.jpg" alt=""
/>
</div>
<div class="food-description">
<h2 class="food-titile">Food Menu Item 5</h2>
<p>
5th item with its price
</p>
<p class="food-price">Price: &#8377; 200</p>
</div>
</div>
<div class="food-menu-item">
<div class="food-img">
<img src="https://i.postimg.cc/Jnxc8xQt/food-menu6.jpg" alt="" />
</div>
<div class="food-description">
<h2 class="food-titile">Food Menu Item 6</h2>
<p>
6th item with its price
</p>
<p class="food-price">Price: &#8377; 250</p>
</div>
</div>
</div>
</section>
<section id="testimonials">
<h2 class="testimonial-title">What Our Customers Say</h2>
<div class="testimonial-container container">
<div class="testimonial-box">
<div class="customer-detail">
<div class="customer-photo">
<img src="https://i.postimg.cc/5Nrw360Y/male-photo1.jpg"
alt="" />
<p class="customer-name">Ross Lee</p>
</div>
</div>
<div class="star-rating">
<span class="fa fa-star checked"></span>
<span class="fa fa-star checked"></span>
<span class="fa fa-star checked"></span>
<span class="fa fa-star checked"></span>
<span class="fa fa-star checked"></span>
</div>
<p class="testimonial-text">
The nature of restaurant staff was very good and quality of food was
also good.
</p>

</div>
<div class="testimonial-box">
<div class="customer-detail">
<div class="customer-photo">
<img src="https://i.postimg.cc/sxd2xCD2/female-photo1.jpg"
alt="" />
<p class="customer-name">Amelia Watson</p>
</div>
</div>
<div class="star-rating">
<span class="fa fa-star checked"></span>
<span class="fa fa-star checked"></span>
<span class="fa fa-star checked"></span>
<span class="fa fa-star checked"></span>
<span class="fa fa-star checked"></span>
</div>
<p class="testimonial-text">
Service provided by restaurant was very satisfactory
</p>

</div>
<div class="testimonial-box">
<div class="customer-detail">
<div class="customer-photo">
<img src="https://i.postimg.cc/fy90qvkV/male-photo3.jpg" alt=""
/>
<p class="customer-name">Ben Roy</p>
</div>
</div>
<div class="star-rating">
<span class="fa fa-star checked"></span>
<span class="fa fa-star checked"></span>
<span class="fa fa-star checked"></span>
<span class="fa fa-star checked"></span>
<span class="fa fa-star checked"></span>
</div>
<p class="testimonial-text">
The quality of food is very good and taste is also good .
</p>

</div>
</div>
</section>
<section id="contact">
<div class="contact-container container">
<div class="contact-img">
<img src="https://i.postimg.cc/1XvYM67V/restraunt2.jpg" alt="" />
</div>

<div class="form-container">
<h2>Contact Us</h2>
<input type="text" placeholder="Your Name" />
<input type="email" placeholder="E-Mail" />
<textarea cols="30" rows="6" placeholder="Type Your
Message"></textarea>
<a href="#" class="btn btn-primary">Submit</a>
</div>
</div>
</section>
<footer id="footer">
<h2>Restraunt &copy; all rights reserved</h2>
</footer>
<!-- .................../ JS Code for smooth scrolling /...................... -->
<script

src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></scrip
t>
<script src ="app.js"></script>
</body>
</html>
PRACTICAL NO. – 2
Airlines Ticket Reservation Form
<form action="reservation.php" method="post">
<div class="elem-group">
<label for="name">Your Name</label>
<input type="text" id="name" name="visitor_name" placeholder="John
Doe" pattern=[A-Z\sa-z]{3,20} required>
</div>
<div class="elem-group">
<label for="email">Your E-mail</label>
<input type="email" id="email" name="visitor_email"
placeholder="[email protected]" required>
</div>
<div class="elem-group">
<label for="phone">Your Phone</label>
<input type="tel" id="phone" name="visitor_phone" placeholder="498-348-
3872" pattern=(\d{3})-?\s?(\d{3})-?\s?(\d{4}) required>
</div>
<hr>
<div class="elem-group inlined">
<label for="adult">Adults</label>
<input type="number" id="adult" name="total_adults" placeholder="2"
min="1" required>
</div>
<div class="elem-group inlined">
<label for="child">Children</label>
<input type="number" id="child" name="total_children" placeholder="2"
min="0" required>
</div>
<div class="elem-group inlined">
<label for="checkin-date">Check-in Date</label>
<input type="date" id="checkin-date" name="checkin" required>
</div>
<div class="elem-group inlined">
<label for="checkout-date">Check-out Date</label>
<input type="date" id="checkout-date" name="checkout" required>
</div>
<div class="elem-group">
<label for="room-selection">Select Room Preference</label>
<select id="room-selection" name="room_preference" required>
<option value="">Choose a Room from the List</option>
<option value="connecting">Connecting</option>
<option value="adjoining">Adjoining</option>
<option value="adjacent">Adjacent</option>
</select>
</div>
<hr>
<div class="elem-group">
<label for="message">Anything Else?</label>
<textarea id="message" name="visitor_message" placeholder="Tell us
anything else that might be important." required></textarea> </div>
<button type="submit">Book The Rooms</button>
</form>
OUTPUT
CUSTOMER REVIEW
OUTPUT :
OUTPUT :

You might also like