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]
alpha1/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]
alpha1/dist/js/bootstrap.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">Linke
d 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.
The Institute has been ranked 2nd in Uttar Pradesh by ‘Best Academia
Industry Alliance’ and as the 4th Top Emerging BBA Institute in India by ‘The
Times of India, Business School Survey 2020’. The institute has been persistently
endeavouring to ascend further.
</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.bundle.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/