Mini Project Report
Mini Project Report
BACHELOR OF TECHNOLOGY
Computer Science and Engineering (AI&ML) Department
SUBMITTED BY
Adnan Ahmed (2105051530009)
Abhijeet Rathore (21050511530003)
Arfiya Anwar (2105051530027)
2022-23
Allen Info is a website that has the information about the College faculty, classes of different
branches and courses available in the college campus. This college website serves as a central
hub for students, faculty, and staff to access important information and resources related to the
institution. It provides a user-friendly interface with easy navigation, allowing visitors to quickly
find the information they need. The website features a variety of content, including news, events,
academic programs, admissions information, student services, and campus resources. It is
designed to be mobile-friendly, ensuring that users can access the website on any device. The
college website aims to enhance communication and engagement with the college community,
providing a seamless online experience for all.
In conclusion, this website serves as an essential tool for all the members of an Institute as it
provides easy access to important information and resources, facilitates communication among
members, and enhances the overall effectiveness of the Institute's activities. Whether you are a
student, faculty member, staff member, or an administrator, this website offers a user-friendly
platform to access various services, such as course registration, academic schedules, news
updates, and online resources. By utilizing this website, members of the Institute can stay
informed and engaged in the Institute's community and contribute to its success.
CERTIFICATE
This is to certify that this project report (KCS-354) entitled “ALLEN INFO” submitted by
ABHIJEET SINGH RATHORE (2105051530003), ADNAN AHMED (2105051530009),
ARFIYA ANWAR (2105051530027) is an authentic work carried out by them at Allenhouse
Institute of Technology under my guidance. The matter embodied in this project work has not
been submitted earlier for the award of any degree or diploma to the best of my knowledge and
belief. Certified that this is a bonafide record of the project work titled.
1. Introduction of Project
2. Objective
3. Hardware & Software Specification
4. Design
5. Coding
6. Screenshots
7. Conclusion and Future Scope
8. Bibliography
INTRODUCTION
Welcome to the Allen Info page of our college website! Our intuitive website is designed to
provide easy access to all the facilities and services available at our institute. Developed using
HTML and CSS programming languages, our page offers a comprehensive solution for
students, faculty, and administrators who are looking to enhance their campus experience and
achieve their educational goals.
We are thrilled to have you here and introduce you to our academic community. Our college is
a vibrant and dynamic institution, dedicated to providing students with a supportive
environment that nurtures their intellectual, personal, and professional growth.
At our college, we offer a diverse range of undergraduate and graduate programs that cater to
the interests and aspirations of our students. Our faculty members are highly qualified,
passionate, and committed to providing students with an engaging and stimulating learning
experience.
Our campus is equipped with state-of-the-art facilities, including modern classrooms, research
labs, libraries, sports facilities, and accommodation options. We offer students a range of
extracurricular activities, clubs, and societies that provide opportunities to explore their
passions, develop new skills, and build a strong sense of community.
Our college is known for its strong emphasis on experiential learning, research opportunities,
and community engagement. We believe in preparing our students to become responsible global
citizens who can make a positive impact in their chosen fields and society at large.
We hope that this website will give you a glimpse of our college, its programs, and its culture.
Please feel free to explore and learn more about us. If you have any questions, please do not
hesitate to reach out to us. We look forward to hearing from you!
OBJECTIVE
The objective of making the college web page is to provide a comprehensive online platform
that serves as a hub of information and resources for students, faculty, staff, and other
stakeholders. The web page serves as a virtual extension of the college, offering a range of
services and information that can be accessed from anywhere, at any time.
The primary objective of this college web page is to enhance the overall experience of the
students and make their academic journey more comfortable and successful. By providing
access to important information about academic programs, admissions, financial aid, and
student support services, the web page helps students make informed decisions and stay on
track towards their educational goals.
The web page also serves as a valuable resource for faculty members, providing access to
course materials, teaching resources, and research opportunities. Staff members can also benefit
from the web page, accessing important HR and administrative information, as well as
resources for professional development.
Overall, the objective of making the college web page is to create a dynamic and interactive
online platform that enhances the college experience for all stakeholders and supports the
college's mission of providing high-quality education and research opportunities.
HARDWARE & SOFTWARE SPECIFICATION
Hardware Specification:
The development and deployment of the application requires the following
Software Specification:
Designing a college website involves several considerations to ensure that it provides a user-friendly,
engaging, and informative experience for visitors. Here are some key design elements that should be
included in a college website:
Navigation: The website should have clear, easy-to-use navigation menus that allow users to
quickly find the information they need. The navigation menu should be located in a prominent
place on the website, such as at the top of the page or in a sidebar.
Branding: The website should be consistent with the college's branding, including the use of the
college's logo, color scheme, and typography. This will help to create a cohesive and
professional look and feel for the website.
Responsive Design: The website should be designed with a responsive layout that adapts to
different screen sizes, including mobile devices. This is important to ensure that the website is
accessible and user-friendly for all visitors, regardless of the device they are using.
Content: The website should feature high-quality content that is relevant, informative, and
engaging for visitors. This may include information about the college's programs, admissions
process, campus life, student support services, and more.
Multimedia: The website should incorporate multimedia elements, such as images, videos, and
infographics, to enhance the user experience and make the content more engaging and
accessible.
Call-to-Action Buttons: The website should include prominent call-to-action buttons that
encourage visitors to take specific actions, such as applying to the college, scheduling a campus
tour, or contacting the admissions office.
Social Media Integration: The website should be integrated with the college's social media
channels, allowing visitors to easily connect with the college and stay up-to-date on news and
events.
Front End
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-
scale=1">
<title>Allenhouse Group of Institutions</title>
<link rel="stylesheet" href="style1.css">
<link
href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/
bootstrap.min.css" rel="stylesheet" integrity="sha384-
GLhlTQ8iRABdZLl6O3oVMWSktQOp6b7In1Zl3/Jr59b6EGGoI1aFkw7cmDA6j6gD"
crossorigin="anonymous">
</head>
<body class="div3" >
<div class="div4">
<marquee behavior="" direction="" loop="infinite"
style="background-color: blueviolet; color:aliceblue"><b>We welcome
you online student to our association and provide you the new
curriculum details for your best studies. We look forward to best
results from you and a good association of studies with
you.</b></marquee>
</div>
<div class="maincontainer">
<img src="ait.jpeg" alt="" srcset=""style="width: 100%">
</div>
<br>
<div class="container3">
<h2>GET READY TO EXPLORE ALLENHOUSE</h2>
</div>
<div class="d-grid gap-2 col-6 mx-auto">
<button class="btn btn-primary" type="button" style="background-
color: rgb(234, 182, 13);"><a href="index.htm" style="text-decoration:
none; color:black; font-size:large"><b>EXPLORE</b></a></button>
</div>
<br>
<footer class="footer-distributed">
<div class="footer-left">
<h3>AllEN<span>HOUSE</span></h3>
<p class="footer-company-
name">AllenhouseGroupofInstitution©2009</p>
</div>
<div class="footer-right">
<p>Contact Us</p>
</form>
</div>
</footer>
<script
src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/boots
trap.bundle.min.js" integrity="sha384-
w76AqPfDkMBDXo30jS1Sgez6pr3x5MlQ1ZAGC+nuZB+EYdgRZgiwxhTBTkF7CXvN"
crossorigin="anonymous"></script>
Back End
<DIV class="CONTAINER7">
<div class="container1">
<nav class="navbar navbar-dark bg-dark fixed-top">
<div class="container-fluid">
<a class="navbar-brand" href="about.html"><h2>ALLEN INFO</h2></a>
<div><nav class="nav">
<a class="nav-link"
href="https://erp.allenhousecolleges.com/"><h2>ERP</h2></a>
</nav>
</div>
<button class="navbar-toggler" type="button" data-bs-
toggle="offcanvas" data-bs-target="#offcanvasDarkNavbar" aria-
controls="offcanvasDarkNavbar">
<span class="navbar-toggler-icon"></span>
</button>
<div class="offcanvas offcanvas-end text-bg-dark" tabindex="-1"
id="offcanvasDarkNavbar" aria-labelledby="offcanvasDarkNavbarLabel">
<div class="offcanvas-header">
<h5 class="offcanvas-title"
id="offcanvasDarkNavbarLabel">Welcome</h5>
<button type="button" class="btn-close btn-close-white" data-bs-
dismiss="offcanvas" aria-label="Close"></button>
</div>
<div class="offcanvas-body">
<ul class="navbar-nav justify-content-end flex-grow-1 pe-3">
<li class="nav-item">
<a class="nav-link active" aria-current="page"
href="home.html">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="https://allenhouse.ac.in/">Visit
our Official Website</a>
</li>
<li class="nav-item">
<a class="nav-link" href="https://allenhouse.ac.in/admission-
inquiry-2022/"> Admission Form</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" role="button"
data-bs-toggle="dropdown" aria-expanded="false">
Our Social Media Handels
</a>
<ul class="dropdown-menu dropdown-menu-dark">
<li><a class="dropdown-item"
href="https://www.facebook.com/AllenhouseGroupofInstitutions/">Facebook</
a></li>
<li><a class="dropdown-item"
href="https://www.instagram.com/allenhousegroupofinstitutions/">Instagram
</a></li>
<li><a class="dropdown-item"
href="https://www.linkedin.com/in/allenhousecolleges/?
originalSubdomain=in">Linked in</a></li>
</ul>
<form class="d-flex mt-3" role="search">
<input class="form-control me-2" type="search"
placeholder="Search" aria-label="Search">
<button class="btn btn-success" type="submit">Search</button>
</form>
</div>
</div>
</div>
</nav>
</div>
<div class="card-group">
<div class="card" style="background-color: blanchedalmond;">
<img src="AIT.png" class="card-img-top" alt="...">
<div class="card-body">
<h5 class="card-title" style="font-family:Arial, Helvetica, sans-
serif;background-color:blanchedalmond;color:red">ALLENHOUSE INSTITUE OF
TECHNOLOGY</h5> <hr size="60" noshade color = "black">
<p class="card-text"><b>Allenhouse Institute of Technology is the
best private engineering college in Kanpur, Uttar Pradesh, affiliated to
Dr. A.P.J. Abdul Kalam Technical University, Lucknow. We offer 4 years B.
Tech course in major disciplines of engineering which are Computer
Science and Engineering, Civil Engineering, Computer Science and
Engineering(Artificial Intelligence (AI) and Machine Learning (ML)),
Electronics and Communication Engineering and Mechanical Engineering. We
ensure that our students are trained in best core technical skills and we
provide best placements across Kanpur region. The Institute owes its
existence to the far sighted vision and relentless efforts of our
Chairman, Mr. Mukhtarul Amin and is one of the best engineering colleges
in east U.P under the umbrella of one of the most renowned MNC of India –
The Superhouse Group.</b></p>
<p class="card-text"><small class="text-muted">Last updated 3
mins ago</small></p>
<a href="https://allenhouseinstituteoftechnology.in/"><B> EXPLORE
ALLENHOUSE INSTITUE OF TECHNOLOGY</B></a>
</div>
</div>
<div class="card">
<img src="AIT.png" class="card-img-top" alt="...">
<div class="card-body">
<h5 class="card-title" style="font-family: Arial, Helvetica,
sans-serif; color:red" >ALLENHOUSE BUSINESS SCHOOL</h5> <hr size="60"
noshade color = "black">
<p class="card-text"><b>Allenhouse Business School, affiliated to
C.S.J.M. University Kanpur, was established in the year 2015 to ensure
quality education in the field of Management & Computer Application and
to empower students to compete in a constantly evolving job market.
<link rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-
awesome.css" />
<footer id="dk-footer" class="dk-footer">
<div class="container">
<div class="row">
<div class="col-md-12 col-lg-4">
<div class="dk-footer-box-info">
<a href="index.html" class="footer-logo">
<img src="AIT.ico" alt="footer_logo"
class="img-fluid">
</a>
<p class="footer-info-text" style="color:
white;">
WISDOM TO EXCELLENCE
</p>
<div class="footer-social-link">
<h3 style="color: white;">Follow us</h3>
<ul>
<li>
<a
href="https://www.facebook.com/thakurabhi.47">
<i class="fa fa-
facebook"></i>
</a>
</li>
<li>
<a
href="https://twitter.com/_Adnan548">
<i class="fa fa-twitter"></i>
</a>
</li>
<li>
<a
href="https://www.linkedin.com/in/abhijeet-singh-rathore-3319a9247/">
<i class="fa fa-
linkedin"></i>
</a>
</li>
<li>
<a
href="https://www.instagram.com/_adnan548/">
<i class="fa fa-
instagram"></i>
</a>
</li>
<li>
<a
href="https://www.instagram.com/_arfiya_008/">
<i class="fa fa-instagram"></i>
</a>
</li>
</ul>
</div>
</div>
<div class="footer-awarad">
<img src="images/icon/best.png" alt="">
<p style="color: white;">Designed By -
Abhijeet Singh Rathore,Adnan Khuzaym,Arfiya Anwar </p>
</div>
</div>
<div class="col-md-12 col-lg-8">
<div class="row">
<div class="col-md-6">
<div class="contact-us">
<div class="contact-icon">
<i class="fa fa-map-o" aria-
hidden="true"></i>
</div>
<div class="contact-info">
<h3 style="color: white;">Rooma,
Kanpur, India</h3>
<p style="color: white;">Plot
176, Kulgaon Road</p>
</div>
</div>
</div>
<div class="col-md-6">
<div class="contact-us contact-us-last">
<div class="contact-icon">
<i class="fa fa-volume-control-
phone" aria-hidden="true"></i>
</div>
<div class="contact-info">
<h3 style="color:
white;">8979944314 <br>9170479456</h3>
<p style="color: white;">Give us
a call</p>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-12 col-lg-6">
<div class="footer-widget footer-left-
widget">
<div class="section-heading">
<h3 style="color: white;">Useful
Links</h3>
<span class="animate-border
border-black"></span>
</div>
<ul>
<li>
<a
href="https://allenhouse.ac.in/about-allenhouse/"style="color:
white;">About us</a>
</li>
<li>
<a
href="https://allenhouse.ac.in/events-activities/"style="color:
white;">Happenings</a>
</li>
<li>
<a
href="https://allenhouse.ac.in/technical-training/"style="color:
white;">Academics</a>
</li>
<li>
<a
href="https://allenhouse.ac.in/contact-us/"style="color: white;">Contact
us</a>
</li>
<li>
<a
href="https://allenhouse.ac.in/allenchronicle/"style="color:
white;">Blog</a>
</li>
<li>
<a href="" style="color:
white;">Faq</a>
</li>
</ul>
</div>
</div>
<div class="col-md-12 col-lg-6">
<div class="footer-widget">
<div class="section-heading">
<h3 style="color:
white;">Subscribe</h3>
<span class="animate-border
border-black"></span>
</div>
<form action="#">
<div class="form-row">
<div class="col dk-footer-
form">
<input type="email"
class="form-control" placeholder="Email Address">
<button type="submit">
<i class="fa fa-
send"></i>
</button>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="copyright">
<div class="container">
<div class="row">
<div class="col-md-6">
<span style="color: white;">Copyright © 2009,
All Right Reserved ALLENHOUSE GROUP OF INSTITUTION</span>
</div>
</div>
</div>
</div>
<div id="back-to-top" class="back-to-top">
<button class="btn btn-dark" title="Back to Top"
style="display: block;">
<i class="fa fa-angle-up"></i>
</button>
</div>
</footer>
</div>
</DIV>
<script
src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundl
e.min.js" integrity="sha384-
kenU1KFdBIe4zVF0s0G1M5b4hcpxyD9F7jL+jjXkk+Q2h455rYXK/7HAuoJl+0I4"
crossorigin="anonymous"></script>
body {
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
}
header {
background-color: #333;
color: #fff;
padding: 20px;
}
nav ul {
list-style: none;
margin: 0;
padding: 0;
}
nav li {
display: inline-block;
margin-right: 20px;
}
nav a {
color: #fff;
text-decoration: none;
}
main {
padding: 20px;
}
section {
margin-bottom: 40px
SCREENSHOTS
CONCLUSION AND FUTURE SCOPES
Conclusion:
In conclusion, the College website project has been a significant undertaking that has allowed us
to showcase our institution's strengths, values, and offerings. We have designed and developed a
website that not only meets the needs of our current students and faculty members but also caters
to the needs of prospective students and the broader community.
Through this project, we have ensured that our website is easy to navigate, visually appealing,
and provides all the necessary information about our programs, admission requirements, student
life, and other important details. We have also integrated modern features such as a responsive
design, accessibility options, and social media connectivity, to enhance the user experience and
engagement.
Overall, we are proud to present our new College website as a reflection of our commitment to
excellence in education and our mission to serve our community. We hope that this website will
be a valuable resource for all users and will help us to further strengthen our reputation as a
leading institution of higher education.
Future Scopes:
The College website has the potential to serve as a valuable resource for students, faculty, staff,
alumni, and the broader community. Here are some future scopes for the College website:
Online Learning: The website can provide online learning opportunities for students,
including online courses, webinars, and tutorials. This can help students to learn at their
own pace and from anywhere, which can be particularly useful for working students or
those who cannot attend classes in person.
Virtual Campus Tour: The website can provide a virtual campus tour that allows
prospective students and their families to explore the campus from the comfort of their
own homes. This can help students to get a feel for the campus and make informed
decisions about whether to attend the College.
Social Networking: The website can provide a platform for social networking among
students, alumni, faculty, and staff. This can help to foster a sense of community and
encourage networking and collaboration.
Research and Publications: The website can showcase research and publications by
faculty members and students. This can help to promote the College's academic
reputation and highlight the contributions of its scholars.
Alumni Services: The website can provide services and resources for alumni, including
job search assistance, networking opportunities, and events. This can help to keep alumni
connected to the College and provide valuable support as they navigate their careers.
Sustainability Initiatives: The website can highlight the College's sustainability
initiatives, including green energy projects, recycling programs, and sustainable building
practices. This can help to promote the College's commitment to environmental
stewardship and attract environmentally conscious students.
Diversity and Inclusion: The website can showcase the College's diversity and inclusion
initiatives, including multicultural events, scholarships, and affinity groups. This can help
to promote a culture of inclusivity and attract students from diverse backgrounds.
In conclusion, the College website has the potential to serve as a valuable resource for students,
faculty, staff, alumni, and the broader community. By implementing these future scopes, the
College can provide a more engaging, informative, and supportive online presence that reflects
its values and priorities.
BIBLIOGRAPHY
https://getbootstrap.com/
https://getbootstrap.com/docs/5.3/customize/css-variables/
https://getbootstrap.com/docs/4.0/components/buttons/