AMT Report

Micro-Project Report.
COLLAGE WEBSITE
1.0 Rationale: -
we create a collage website using html and css. For the webpage, our group focused on the
simplicity of the design layoutThe main page is a picture of our subjectThe font we chose for
the texts on our webpage is simple with no italics or bold because we did not want to distract
the audience from the website
1.0 Aims/ Benefits of the Micro Project: -

Aim:-
• The main aim is to understand the importance of multimedia in webpage
• Understand html and css
• Website helps to present share and display information about Collage
Benefits:-
 Help you learn ghraphic design

 Learn various front and end language
 Establish skill that transcend the digital world
2.0 Course Outcomes Addressed: -

 Edit image using graphical processing tootls.
 Bulid website with multimedia contents.
3.0. Actual methodology: -

 To search relevant reference images about all the task.
 To search relevant data regarding micro project topic.
 To search and edit relevant information for Proposal & Report.
 To prepare a Proposal & Report on the decided to topic.
5.0 Actual Resources required:-
Sr.No. Name of Resources Specification Qty Remarks
1) Computer system I5 intel 1

16Gb RAM
2) Software Word 2016 1
6.0 Outputs of Micro-project:-
HOME PAGE:
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Landing Page</title>
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="./style.css">
</head>
<body>
<section class="hero-section">
<nav class="navbar">
<h2></h2>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Contact</a></li>
<li><a href="#">About</a></li>
</ul>
</nav>
<div class="hero-text">
<h2>Wel Come to Vpm</h2>
<p></p>
<a href="1.html">Start</a>
</div>
</section>
</body>
</html>
Stylesheet
*{
margin: 0;
padding: 0;
box-sizing: border-box;
}
:root {
--text: 1.5rem;
--head: calc(1rem + 5vw);
--bg-color: #f6b93b;
}
body {
font-family: "Poppins", sans-serif;
}
.hero-section {
min-height: 100vh;
background: url("https://www.vpmthane.org/polywebnew/images/camp3.jpg");
background-repeat: no-repeat;
background-size: cover;
background-position: center;
position: relative;
z-index: 2;
animation: slide 1s ease-in-out;
}
.navbar {
display: flex;
justify-content: space-between;
align-items: center;
height: 10vh;
padding: 0rem 1.5rem;
color: white;
transform: translateY(-100%);
animation: movedown 850ms ease-in 1s forwards;
}
@keyframes movedown {
from {
transform: translateY(-100%);
}
to {
transform: translateY(0%);
}
}
.navbar ul {
list-style: none;
}
.navbar ul li {
display: inline-block;
margin-left: 3rem;
font-size: var(--text);
}
.navbar ul li a {
text-decoration: none;
color: white;
border-bottom: 2px solid transparent;
}
.navbar ul li a:hover {
Content page:
<html>
<head>
<title></title>
<style>
h1 {
font-size: 40px;
p{font-size:30px;}
.center{
margin: 0 auto;
width: 300px;
display: block;
h2{
text-align: center;
.center{
</style>
</head>
<body>
<body bgcolor="#FDF5DF">
<h1 style="font-size: 3rem" align="center" ><u>CONTENT:</u></h1>
<p> click any image to more information</p>
<table border=1 width=100% >
<tr>
<td width="33.3%">
<h2 style="color:brown;"><u>course</u></h2>
<a href="1.1.html">
<img src="1.png"width=50% height=50% class="center"></a></td>
<th width="33.3%">
<h3 style="color: brown;"><u>Fees Structure</u></h3>
<a href="1.2.html">
<img src="2.png" width=50% height=50%>
</a>
</th>
<th width="33.3%">
<h2 style="color: brown;"><u>Photo gallary</u></h2>

<a href="1.3.html">
<img src="3.png" width="50%" height="50%">
</a>
</th>
</tr>
</table><br>
</html>
Course:
<html>
<head>
<style>
<title></title>
</style>
</head>
<body>
<h1><img src="2.jpg" width="100%"></h1>
<center>
<h2 style="color:red;">Principal<br></h2></center>
<center>
<h3 class="aligncenter"><img style='border:1px solid #000000 'src="NayakSir.jpg" width="20%"><br>Dr.D.K.Nayak</h3></center>
<p>scroll down ↓for more<br> information</p><hr size="8" width="90%" color="red">
<center>
<h4 style="font-size: 300%;"><font color="#7FFFD4"> Course</font><br><a href="2.1.html"> 1.Information Technology</a><br><a

href="2.2.html">2.Computer Engineering</a><br><a href="2.3.html">3.Industrial Electronic</a></h4></center>
<p><a href="1.html"><img src="bu.jpg" width="20%"></a></p>
</body>
</html>
Information technology:
<!DOCTYPE html>
<html>
<head>
<style>
h1{
font-size: 100;
text-align: center;
</style>
</head>
<body>
<br>
<div style="border: 1px solid black; width: 98.7%; height: 80px;"><h1 style="align-items:center;"><font color="#9900FF">DEPARTMENT OF
INFORMATION TECHNOLOGY
</font>
</h1>
</div>
<div style="border: 1px solid black; width: 20%; height: 500px; float: left;">
<h2>HOD DESK</h><hr>
<h2><center><img src="Raghavan-madam.jpg" width="100%" style='border:1px solid #000000'><br> Dr.Usha raghavan</center</h2></div>
<div style="border: 1px solid black; width: 78.5%; height: 500px; float: left;">
<h3><center>Our faculty</center><ul>
<li><center><h3 style="background-color: steelblue;">Dr.Usha Raghavan,head of Department</center></h3>
<center> <b>Qualification:</b> ph.D <br>
<b>Area of specialization:</b>Applied Electronic
</center></li>
<li><center><h3 style="background-color: steelblue;">Mrs.Rutuja Tendulkar,Lecturer</center></h3>
<center> <b>Qualification:</b>M.E<br>
<b>Area of specialization:</b>information technology
</center>
</li>
<li><center><h3 style="background-color: steelblue;">
Mrs. Swati Joshi, Faculty Programmer & System Analyst</h3>
<b>Qualification: </b>MCA
<b>Area of Specialization : </b>Information Technology</center></li>
Ms. Kiran Patil, Lecturer</h3>
<center><b>Qualification:</b>BE in Computer Engineering<br>
<b>Area of Specialization : Computer Engineering</b></center></li> </ul>
</div><br><br>
<p><a href="1.1.html"><img src="bu.jpg" width="20%"></a></p>
</body>
</html>
COMPUTER ENGINNERING:
<!DOCTYPE html>
<html>
<head>
<style>
h1{
font-size: 100;
text-align: center;
</style>
<title>File</title>
</head>
<body>
<br>
COMPUTER ENGINEERING
</font>
</h1>
</div>
<h2><center><img src="c.jpg" width="100%" style='border:1px solid #000000'><br>Mrs. S.K.Shukla </center</h2></div>
<h3><centre>Our faculty</centre><h3>
<li><center><h3 style="background-color: steelblue;">Mrs. S.K.Shukla ,head of Department</center></h3>
<center> <b>Qualification:</b> M.Sc. <br>
<b>Area of specialization:</b> Electronic
</center></li>
Dr. D. K. Nayak,Principal</center></h3>
<center> <b>Qualification:</b>Ph. D.<br>
<b>Area of specialization:</b> Electronics Engineering
</center>
</li>
Mrs. Poonam Kamble,Lecturer</h3>
<b>Qualification: </b> M. E
<b>Area of Specialization : </b>Computer</center></li>
Mrs. Sujata Gawade,Lecturer</h3>
<center><b>Qualification:</b><M class="E"></M><br>
<b>Area of Specialization : Computer </b></center></li> </ul>
</div>

</body>
</html>
Industrial Electronic:
<!DOCTYPE html>
<html>
<head>
<style>
h1{
font-size: 100;
text-align: center;
</style>
<title>File</title>
</head>
<body>
<br>
COMPUTER ENGINEERING
</font>
</h1>
</div>
<h2><center><img src="i.jpeg" width="100%" style='border:1px solid #000000'><br>
Dr. Kirti Satish Agashe, Head of Department </center</h2></div>
<h3><center>Our faculty</center><ul>
<li><center><h3 style="background-color: steelblue;">Mrs. S.K.Shukla ,head of Department</center></h3>
<center> <b>Qualification:</b> ph.D <br>
<b>Area of specialization:</b>Embedded System, NanoTechnology
</center></li>
Mr. T. V. Mohite Patil, Selection Grade Lecturer</center></h3>
<center> <b>Qualification:M.E</b>.<br>
<b>Area of specialization:</b> Electronic;">
Mrs. Jothy Saji, Lecturer</h3>

<center><b>Qualification:B.Tech</b><br>
<b>Area of Specialization : Electronics and Telecommunication Engg </b></center></li> </ul>
</div>
</body>
</html>
FEES STRUCTURE:
<html>
<head>
<style></style>
</head>
<body>
<center> <h1><font color="#9900FF">Fees for Diploma Courses (Academic Year 2022-2023)</font></center></h1>
<h2><font color="99900FF">FIRST YEAR</font></h2>
<p>scroll ↓down to read more</p>
<table width="72%" border="1" align="center" style="height: 147px">
<tr>
<td width="36%" bordercolor="#000000" class="inside-text1" bgcolor="#C0C0FF"
style="background-color: #008080">
<div align="center"><font size="4.5"><b style="color: #FFFFFF">AY
2021-2022 </b></font></div>
</td>
<div align="center"><font size="4.5"><b style="color: #FFFFFF">OPEN</b></font></div>
</td>
<div align="center"><font size="4.5"><b style="color: #FFFFFF">OBC/<br>
EBC/EWS</b></font></div>
</td>
<td width="22%" bgcolor="#C0C0FF" style="background-color: #008080">
<div align="center"><font size="4.5"><b style="color: #FFFFFF">VJNT/<br>
SBC/TFWS</b> </font></div>
</td>
<div align="center"><font size="4.5"><b style="color: #FFFFFF">SC/ST</b></font></div>
</td>
</tr>
<tr>
<td width="36%" bordercolor="#000000" class="inside-text1"><font size="4.5">Tuition
Fees</font></td>
<td width="21%" bordercolor="#000000" class="inside-text1">
<div align="right"><font size="4.5">58,168.00</font></div>
</td>
</td>
<td width="22%">
<div align="right"><font size="4.5">- -</font></div>
</td>
<td width="22%">
</td>
</tr>
<tr>
<td width="36%" bordercolor="#000000" class="style5"><font size="4.5">Development
Fees</font></td>
<td width="21%" bordercolor="#000000" class="style5">
</td>
</td>
<td width="22%" class="style5">
</td>
<td width="22%">
</td>
</tr>
<tr>
<td width="36%" bordercolor="#000000" class="style5"><font size="4.5">Other
Fees </font></td>
<div align="right"><font size="4.5">2000.00</font></div>
</td>
</td>
</td>
</td>
</tr>
<tr>
<td width="36%" bordercolor="#000000" class="style5" height="28"><b><font size="4.5">Total
Institute Fees</font></b></td>
<td width="21%" bordercolor="#000000" class="style5" height="28">
<div align="right"><font size="4.5"><b>66,500.00</b></font></div>
</td>
</td>
<td width="22%" class="style5" height="28">
</td> <td width="22%" class="style5" height="28">
<div align="right"><font size="4.5"><b>2000.00</b></font></div>
</td>
</tr>
<tr>
<td width="36%" bordercolor="#000000" class="style5" height="28"><b><font size="4.5">Alumni
Fees </font></b></td>
<div align="right"><font size="4.5"><b>1000</b></font></div>
</td>
</td>
</td>
</tr>
</table>
<P class=inside-text1 align="left"><font color="#663300"><b> <font face="Verdana, Arial, Helvetica, sans-serif" style="color: #800080; font-size:
20px;">Direct
Second Year </font></b></font></p>
<tr>
2021-2022 </b></font></div>
</td>
</td>
<div align="center"><font size="4.5"><b style="color: #FFFFFF">OBC/<br>
EBC</b></font></div>
</td>
SBC</b> </font></div>
</td>
</td>
</tr>
<tr>
Fees</font></td>
</td>
</td>
<td width="22%">
</td>
<td width="22%">
</td>
</tr>
<tr>
Fees</font></td>
</td>
</td>
</td>
<td width="22%">
</td>
</tr>
<tr>
Fees </font></td>
</td>
</td>
</td>
</td>
</tr>
<tr>
</td>
</td>
</td>
</tr>
<tr>
<td width="36%" bordercolor="#000000" class="style5" height="28"><b><font size="4.5">Alumni
Fees </font></b></td>
</td>
</td>
</td>
</tr>
</table>
<P class=inside-text1 align="left"><font color="#663300"><b> <font face="Verdana, Arial, Helvetica, sans-serif" style="color: #800080; font-size:
20px;">Second
and Third Year</font></b></font></p>
<tr>
2021-2022 </b></font></div>
</td>
</td>
<div align="center"><font size="4.5"><b style="color: #FFFFFF">OBC/SEBC/<br>
EBC/EWS</b></font></div>
</td>
SBC/TFWS</b> </font></div>
</td>
</td>
</tr>
<tr>
Fees</font></td>
</td>
</td>
<td width="22%">
</td>
<td width="22%">
</td>
</tr>
<tr>
Fees</font></td>
</td>
</td>
</td>
<td width="22%">
</td>
</tr>
<tr>
Fees </font></td>
</td>
</td>
</td>
</td>
</tr>
<tr>
</td>
</td>
</td>
</tr>
</table>
</TD>
</TR>
</TBODY>
</TABLE>
</div>
<p><a href="1.html"><img src="bu.jpg" width="20%"></a></p>
</body>
</html>
PHOTO GALLARY:
<html>
<head>
<title></title>
<style>
h1 {
font-size: 40px;
p{font-size:30px;}
.center{
margin: 0 auto;
width: 300px;
display: block;
td.img{
}
a{font-size:20px}
p2{
font-size:30px}
.button{
color: orange;
size: 20px;
</style>
</head>
<body>
<body bgcolor="#FDF5DF">
<h1 style="font-size: 3rem" align="center"><u>WEL COME To Gallery</u></h1>
<table border=1 width=100% >
<tr>
<td width="20%">
<img src="3.jpg" width=100% height=100% >
<h2></td>
<th width="20%">
<img src="4.jpg" width=100% height=100%>
</th>
<td width="20%">
<img src="5.jpg" width="100%" height="100%">
<h4></a></h4>
</td>
<td width="20%">
<h4></a></h4>
</td>
<td width="20%">
<h4></a></h4>
</td>
</tr>
<tr>
<td width="20%">
<center>
<h5></h5>
</center>
</th>
<td width="20%">
<h6></h6>
</th>
<td width="20%">
<h6></h6>
</td>
<td width="20%">
<h4></a></h4>
</td>
<td width="20%">
<h4></a></h4>
</td>
</tr>
</table><br>
<p><a href="1.html"><center><img src="bu.jpg" width="20%"></a></center>
<center><a href="3.html"><img src="bu1.png" width="20%"></a></center></p>
</html>
THANK YOU:
<html>
<head>
<style>
img{
margin: 20px;
padding:50px;
</style>
</head>
<body>
<body bgcolor="#FDF5DF"></body>
<center> <img src="s.jpeg"></center>
</html>
OUTPUT:
7.0 Skill developed:-
1.Self learning skilled by tapping all the information sources.
2. Developing learning skill, out of the syllabus.
3. Presentation skill.
4. Team handling skill
8.0 Application of Micro-project:-

AMT Report

Uploaded by

Document Information

Original Title

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

AMT Report

Uploaded by

Copyright:

Available Formats

Micro-Project Report.

1.0 Aims/ Benefits of the Micro Project: -

 Help you learn ghraphic design

2.0 Course Outcomes Addressed: -

3.0. Actual methodology: -

5.0 Actual Resources required:-

Sr.No. Name of Resources Specification Qty Remarks

1) Computer system I5 intel 1

2) Software Word 2016 1

6.0 Outputs of Micro-project:-

<h1 style="font-size: 3rem" align="center" ><u>CONTENT:</u></h1>

<p> click any image to more information</p>

<table border=1 width=100% >

<img src="1.png"width=50% height=50% class="center"></a></td>

<h3 style="color: brown;"><u>Fees Structure</u></h3>

<img src="2.png" width=50% height=50%>

<h2 style="color: brown;"><u>Photo gallary</u></h2>

<img src="3.png" width="50%" height="50%">

<h1><img src="2.jpg" width="100%"></h1>

<h3 class="aligncenter"><img style='border:1px solid #000000 'src="NayakSir.jpg" width="20%"><br>Dr.D.K.Nayak</h3></center>

<p>scroll down &#8595;for more<br> information</p><hr size="8" width="90%" color="red">

<h4 style="font-size: 300%;"><font color="#7FFFD4"> Course</font><br><a href="2.1.html"> 1.Information Technology</a><br><a

<p><a href="1.html"><img src="bu.jpg" width="20%"></a></p>

<h2><center><img src="Raghavan-madam.jpg" width="100%" style='border:1px solid #000000'><br> Dr.Usha raghavan</center</h2></div>

<li><center><h3 style="background-color: steelblue;">Dr.Usha Raghavan,head of Department</center></h3>

<center> <b>Qualification:</b> ph.D <br>

<b>Area of specialization:</b>Applied Electronic

<li><center><h3 style="background-color: steelblue;">Mrs.Rutuja Tendulkar,Lecturer</center></h3>

<b>Area of specialization:</b>information technology

<li><center><h3 style="background-color: steelblue;">

Mrs. Swati Joshi, Faculty Programmer & System Analyst</h3>

<b>Area of Specialization : </b>Information Technology</center></li>

<li><center><h3 style="background-color: steelblue;">

Ms. Kiran Patil, Lecturer</h3>

<center><b>Qualification:</b>BE in Computer Engineering<br>

<b>Area of Specialization : Computer Engineering</b></center></li> </ul>

<p><a href="1.1.html"><img src="bu.jpg" width="20%"></a></p>

<h2><center><img src="c.jpg" width="100%" style='border:1px solid #000000'><br>Mrs. S.K.Shukla </center</h2></div>

<li><center><h3 style="background-color: steelblue;">Mrs. S.K.Shukla ,head of Department</center></h3>

<center> <b>Qualification:</b> M.Sc. <br>

<b>Area of specialization:</b> Electronic

<li><center><h3 style="background-color: steelblue;">

<center> <b>Qualification:</b>Ph. D.<br>

<b>Area of specialization:</b> Electronics Engineering

<li><center><h3 style="background-color: steelblue;">

Mrs. Poonam Kamble,Lecturer</h3>

<b>Area of Specialization : </b>Computer</center></li>

<li><center><h3 style="background-color: steelblue;">

Mrs. Sujata Gawade,Lecturer</h3>

<b>Area of Specialization : Computer </b></center></li> </ul>

<p><a href="1.1.html"><img src="bu.jpg" width="20%"></a></p>

<h2><center><img src="i.jpeg" width="100%" style='border:1px solid #000000'><br>

Dr. Kirti Satish Agashe, Head of Department </center</h2></div>

<li><center><h3 style="background-color: steelblue;">Mrs. S.K.Shukla ,head of Department</center></h3>

<center> <b>Qualification:</b> ph.D <br>

<b>Area of specialization:</b>Embedded System, NanoTechnology

<li><center><h3 style="background-color: steelblue;">

Mr. T. V. Mohite Patil, Selection Grade Lecturer</center></h3>

<b>Area of specialization:</b> Electronic;">

<li><center><h3 style="background-color: steelblue;">

Mrs. Jothy Saji, Lecturer</h3>

<b>Area of Specialization : Electronics and Telecommunication Engg </b></center></li> </ul>

<p><a href="1.1.html"><img src="bu.jpg" width="20%"></a></p>

<p>scroll down ↓for more<br> information</p><hr size="8" width="90%" color="red">