Documente Academic
Documente Profesional
Documente Cultură
SUBMITTED TO:
Prof. Rushali Navale
PROGRAM OF COMPUTER ENGINEERING
Dr. D.Y Patil Polytechnic, Vidyanagar, Sector-7,
Nerul, Navi Mumbai 400 706.
1
Certificate
DATE:
PLACE:
2
ACKNOWLEDGEMENT
3
INDEX
Sr.no Topic Page no
Part A
1 Aim, Proposed Methodology 5
2 Action Plan 6
3 Resources Required: 7
4 Introduction 8
Part B
5 Code of Program 9-30
6 Outputs of Program 31-36
7 Applications 37
8 Conclusion 38
9 References 38
10 Evaluation Sheet 39-40
4
Part A
Proposed Methodology:-
For this micro project we first decided who is going to do which sub-
topic. And then we all divided it equally. Then we tool the ideas from
the mam as well as the sub topics so that we can start our work, then we
took all the information form the goggle and then made the program
code using notepad and then made a word document and then merged it.
5
Action Plan
Name of
Sr. Plan Started Plan Finished Responsible
Details of Activity
No. on on Team
Members
Searching topic for Ashutosh,
1 ....../....../.......... ....../....../..........
Micro-Project Asad
Discussion about
2 the title of Micro- ....../....../.......... ....../....../.......... Asad, Sneha
Project
Selection of Proper Sneha,
3 ....../....../.......... ....../....../..........
Subject Vaishnavi
Discussion
Ashutosh,
4 regarding the topic ....../....../.......... ....../....../..........
Vaishnavi
with Guide
Selection of proper
Asad,
5 diagram and ....../....../.......... ....../....../..........
Vaishnavi
components.
Collecting all Ashutosh,
6 ....../....../.......... ....../....../..........
components Sneha
Completing the
7 ....../....../.......... ....../....../.......... All
report
Working and
8 finalization of the ....../....../.......... ....../....../.......... All
Micro-Project
6
RESOURCES REQUIRED:
1 System Name
(laptop / Lenovo 1
computer)
3 Software Microsoft _
office
4 Internet _ _
5 Book _ _
7
Introduction
8
INPUT OF PROGAM:
<!DOCTYPE html>
<head>
<meta charset="UTF-8">
<title>Adventure</title>
<link href="https://fonts.googleapis.com/css?family=Poppins:100,200,400,300,
500,600,700" rel="stylesheet">
CSS
============================================= -->
9
</head>
<body>
<header class="default-header">
<div class="container">
</a>
</button>
<ul class="navbar-nav">
<li><a href="#home">Home</a></li>
<li><a href="#about">About</a></li>
<li><a href="#secvice">Service</a></li>
<li><a href="#gallery">Gallery</a></li>
<li><a href="#faq">Faq</a></li>
<li><a href="#contact">Contact</a></li>
10
<li class="dropdown">
Pages
</a>
<div class="dropdown-menu">
</div>
</li>
</ul>
</div>
</div>
</nav>
</header>
</section>
<div class="container">
11
<h4 class="text-white mb-20 text-uppercase">Discover the Colorful World</h4>
<p class="text-white">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
eiusmod temp <br>
</div>
</div>
</div>
</div>
</div>
<div class="container">
<p class="text-white">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
eiusmod temp <br>
12
</div>
</div>
</div>
</div>
</div>
<div class="container">
<p class="text-white">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
eiusmod temp <br>
</div>
</div>
</div>
</div>
</div>
</section>
13
<!-- Start about Area -->
<div class="container">
</div>
</div>
</div>
<div class="info-thumb">
</div>
</div>
<div class="info-content">
14
<p>
inappropriate behavior is often laughed off as “boys will be boys,” women face higher
conduct standards – especially in the workplace. That’s why it’s crucial that, as women.
</p>
<br>
<p>
inappropriate behavior is often laughed off as “boys will be boys,” women face higher
conduct standards – especially in the workplace. That’s why it’s crucial that, as women.
inappropriate behavior is often laughed off as “boys will be boys,” women face higher
conduct standards – especially in the workplace. That’s why it’s crucial that, as women.
</p>
<br>
<p>
inappropriate behavior is often laughed off as “boys will be boys,” women face higher
conduct standards – especially in the workplace. That’s why it’s crucial that, as women.
</p>
</div>
</div>
</div>
</div>
</section>
<div class="container">
15
<div class="title text-center">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
incididunt ut <br> labore et dolore magna aliqua.</p>
</div>
</div>
</div>
<div class="item">
<p>LCD screens are uniquely modern in style, and the liquid crystals that make them
work have <br> allowed humanity to create slimmer, more portable technology.</p>
</div>
</div>
<div class="item">
<p>LCD screens are uniquely modern in style, and the liquid crystals that make them
work have <br> allowed humanity to create slimmer, more portable technology.</p>
</div>
16
</div>
<div class="item">
<p>LCD screens are uniquely modern in style, and the liquid crystals that make them
work have <br> allowed humanity to create slimmer, more portable technology.</p>
</div>
</div>
<div class="item">
<p>LCD screens are uniquely modern in style, and the liquid crystals that make them
work have <br> allowed humanity to create slimmer, more portable technology.</p>
</div>
</div>
<div class="item">
<p>LCD screens are uniquely modern in style, and the liquid crystals that make them
work have <br> allowed humanity to create slimmer, more portable technology.</p>
</div>
17
</div>
</div>
</div>
</div>
</section>
<div class="container">
</div>
</div>
</div>
<div class="row">
</div>
<p>
18
Usage of the Internet is becoming more common due to rapid advancement of
technology and power.
</p>
</div>
</div>
</div>
<p>
</p>
</div>
</div>
</div>
<p>
19
Usage of the Internet is becoming more common due to rapid advancement of
technology and power.
</p>
</div>
</div>
<div class="single-feature">
</div>
<p>
</p>
</div>
</div>
<div class="single-feature">
</div>
<p>
20
Usage of the Internet is becoming more common due to rapid advancement of
technology and power.
</p>
</div>
</div>
<div class="single-feature">
</div>
<p>
</p>
</div>
</div>
</div>
</div>
</section>
<div class="container-fluid">
<div class="active-gallery">
21
<div class="item single-gallery">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<div class="container">
22
<div class="title text-center">
</div>
</div>
</div>
<div class="single-facts">
<h2 class="counter">5962</h2>
<p>Projects Completed</p>
</div>
<div class="single-facts">
<h2 class="counter">2394</h2>
<p>New Projects</p>
</div>
<div class="single-facts">
<h2 class="counter">1439</h2>
<p>Tickets Submitted</p>
</div>
<div class="single-facts">
<h2 class="counter">933</h2>
<p>Cup of Coffee</p>
23
</div>
</div>
<div class="single-faq">
<h2 class="text-uppercase">
</h2>
<p>
“Few would argue that, despite the advancements of feminism over the past three
decades, women still face a double standard when it comes to their behavior. While
men’s borderline-inappropriate behavior.
</p>
</div>
<div class="single-faq">
<h2 class="text-uppercase">
</h2>
<p>
“Few would argue that, despite the advancements of feminism over the past three
decades, women still face a double standard when it comes to their behavior. While
men’s borderline-inappropriate behavior.
</p>
</div>
<div class="single-faq">
24
<h2 class="text-uppercase">
</h2>
<p>
“Few would argue that, despite the advancements of feminism over the past three
decades, women still face a double standard when it comes to their behavior. While
men’s borderline-inappropriate behavior.
</p>
</div>
</div>
</div>
</div>
</section>
<div class="container">
<div class="video-content">
<div class="video-desc">
</div>
</div>
25
</div>
</section>
<section class="logo-area">
<div class="container">
<div class="row">
</div>
</div>
</section>
<div class="container">
</div>
</div>
</div>
<div class="row">
26
<input name="name" placeholder="Enter your name" onfocus="this.placeholder = ''"
onblur="this.placeholder = 'Enter your name'" class="common-input mb-20 form-
control" required="" type="text">
</div>
<div class="alert-msg">
</div>
</div></div>
</form>
</div>
</section>
<div class="container">
<div class="row">
27
<div class="col-lg-5 col-md-6 col-sm-6">
<div class="single-footer-widget">
<h6>About Us</h6>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
incididunt ut labore dolore magna aliqua.
</p>
</div>
</div>
<div class="single-footer-widget">
<h6>Newsletter</h6>
28
<button class="click-btn btn btn-default"><i class="fa fa-long-arrow-right" aria-
hidden="true"></i></button>
</div>
</div> -->
</div>
<div class="info"></div>
</form>
</div>
</div>
</div>
<div class="single-footer-widget">
<h6>Follow Us</h6>
<p>Let us be social</p>
</div>
</div>
</div>
</div>
</footer>
<script src="js/vendor/jquery-2.2.4.min.js"></script>
<script
src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.11.0/umd/popper.min.js"
integrity="sha384-
b/U6ypiBEHpOf/4+1nzFpr53nxSS+GLCkfwBdFNTxtclqqenISfwAzpKaMNFNmj4"
crossorigin="anonymous"></script>
<script src="js/vendor/bootstrap.min.js"></script>
<script src="js/jquery.ajaxchimp.min.js"></script>
<script src="js/jquery.magnific-popup.min.js"></script>
<script src="js/owl.carousel.min.js"></script>
<script src="js/jquery.sticky.js"></script>
<script src="js/slick.js"></script>
<script src="js/jquery.counterup.min.js"></script>
<script src="js/waypoints.min.js"></script>
<script src="js/main.js"></script>
</body>
</html>
30
OUTPUT :
31
32
33
34
35
36
APPLICATION:
1. Travel and Tourism agency helps users for planning,
accommodation bookings, tickets booking, cab booking,
route mapping .
2. A travel agency has access to the resources and people
who can help you plan the perfect event.
3. It is used to upgrade new data, also offers can be easily
displayed online using webpage.
37
CONCLUSION:
REFERENCES:
1. https://W3School.com
2. https://HTMLgoodies.com
3. https://html.com
4. https://html-online.com
5. https://html-css-js.com
6. https://www.udemy.com
38
Micro Project Evaluation Sheet
a)
b)
c)
d)
(A) Process and product Assessment (Convert above total marks out of 6 marks)
1. Relevance to the
course
2. Literature
Review/information
collection
3. Completion of the
target
4. Analysis of data
and representation
5. Quality of
prototype/model
6. Report preparation
8. Viva
39
(A) (B) Total marks
(10)
Process an Product Assessment Individual Presentation/Viva
(6 marks)
(4 marks)
40