Dec 27 : [ADD] Initial Commit 'theme_college'

theme_college/README.rst

@@ -0,0 +1,46 @@
+.. image:: https://img.shields.io/badge/license-LGPL--3-green.svg
+    :target: https://www.gnu.org/licenses/lgpl-3.0-standalone.html
+    :alt: License: LGPL-3
+
+Theme College
+=============
+* Design Web Pages with Theme College
+
+Installation
+============
+    - www.odoo.com/documentation/16.0/setup/install.html
+    - Install our custom addon
+
+License
+-------
+General Public License, Version 3 (LGPL v3).
+(https://www.gnu.org/licenses/lgpl-3.0-standalone.html)
+
+Company
+-------
+* `Cybrosys Techno Solutions <https://cybrosys.com/>`__
+
+Credits
+-------
+* Developer: (V17) Fouzan M, Contact: odoo@cybrosys.com
+
+Contacts
+--------
+* Mail Contact : odoo@cybrosys.com
+* Website : https://cybrosys.com
+
+Bug Tracker
+-----------
+Bugs are tracked on GitHub Issues. In case of trouble, please check there if your issue has already been reported.
+
+Maintainer
+==========
+.. image:: https://cybrosys.com/images/logo.png
+   :target: https://cybrosys.com
+This module is maintained by Cybrosys Technologies.
+
+For support and more information, please visit https://www.cybrosys.com
+
+Further information
+===================
+HTML Description: `<static/description/index.html>`__

theme_college/__init__.py

@@ -0,0 +1,23 @@
+# -*- coding: utf-8 -*-
+#############################################################################
+#
+#    Cybrosys Technologies Pvt. Ltd.
+#
+#    Copyright (C) 2023-TODAY Cybrosys Technologies(<https://www.cybrosys.com>)
+#    Author: Cybrosys Techno Solutions(<https://www.cybrosys.com>)
+#
+#    You can modify it under the terms of the GNU LESSER
+#    GENERAL PUBLIC LICENSE (LGPL v3), Version 3.
+#
+#    This program is distributed in the hope that it will be useful,
+#    but WITHOUT ANY WARRANTY; without even the implied warranty of
+#    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+#    GNU LESSER GENERAL PUBLIC LICENSE (LGPL v3) for more details.
+#
+#    You should have received a copy of the GNU LESSER GENERAL PUBLIC LICENSE
+#    (LGPL v3) along with this program.
+#    If not, see <http://www.gnu.org/licenses/>.
+#
+#############################################################################
+from . import controllers
+from . import models

theme_college/__manifest__.py

@@ -0,0 +1,62 @@
+# -*- coding: utf-8 -*-
+#############################################################################
+#
+#    Cybrosys Technologies Pvt. Ltd.
+#
+#    Copyright (C) 2023-TODAY Cybrosys Technologies(<https://www.cybrosys.com>)
+#    Author: Cybrosys Techno Solutions(<https://www.cybrosys.com>)
+#
+#    You can modify it under the terms of the GNU LESSER
+#    GENERAL PUBLIC LICENSE (LGPL v3), Version 3.
+#
+#    This program is distributed in the hope that it will be useful,
+#    but WITHOUT ANY WARRANTY; without even the implied warranty of
+#    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+#    GNU LESSER GENERAL PUBLIC LICENSE (LGPL v3) for more details.
+#
+#    You should have received a copy of the GNU LESSER GENERAL PUBLIC LICENSE
+#    (LGPL v3) along with this program.
+#    If not, see <http://www.gnu.org/licenses/>.
+#
+#############################################################################
+{
+    "name": "Theme College",
+    "version": "17.0.1.0.0",
+    "category": "Theme/Education",
+    "summary": """Theme College is a new kind of Theme. The theme is a very
+     user-friendly and is suitable for your educational institutions website.""",
+    "description": """It is the most powerful, easy to use theme with Front-end styles.
+    Carousel slide, College location, Placement cell and Scholarship 
+    form snippets facilitates to add better user experience.
+    Contains Custom Pages including Courses, Facilities, Gallery, Alumni.
+    It has Image Viewer on Gallery.""",
+    'author': 'Cybrosys Techno Solutions',
+    'company': 'Cybrosys Techno Solutions',
+    'maintainer': 'Cybrosys Techno Solutions',
+    "website": "https://www.cybrosys.com",
+    'images': [
+        'static/description/banner.jpg',
+        'static/description/theme_screenshot.jpg',
+    ],
+    "depends": [
+        'web',
+        'website_livechat',
+    ],
+    "data": [
+        'security/ir.model.access.csv',
+        'views/college_location_views.xml',
+        'views/theme_college_menus.xml',
+        'views/website_templates.xml',
+        'views/theme_college_templates.xml',
+    ],
+    'assets': {
+        'web.assets_frontend': [
+            'theme_college/static/src/css/theme_college.css',
+            'theme_college/static/src/js/college_location.js',
+        ],
+    },
+    'license': 'LGPL-3',
+    'installable': True,
+    'auto_install': False,
+    'application': False,
+}

theme_college/controllers/__init__.py

@@ -0,0 +1,22 @@
+# -*- coding: utf-8 -*-
+#############################################################################
+#
+#    Cybrosys Technologies Pvt. Ltd.
+#
+#    Copyright (C) 2023-TODAY Cybrosys Technologies(<https://www.cybrosys.com>)
+#    Author: Cybrosys Techno Solutions(<https://www.cybrosys.com>)
+#
+#    You can modify it under the terms of the GNU LESSER
+#    GENERAL PUBLIC LICENSE (LGPL v3), Version 3.
+#
+#    This program is distributed in the hope that it will be useful,
+#    but WITHOUT ANY WARRANTY; without even the implied warranty of
+#    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+#    GNU LESSER GENERAL PUBLIC LICENSE (LGPL v3) for more details.
+#
+#    You should have received a copy of the GNU LESSER GENERAL PUBLIC LICENSE
+#    (LGPL v3) along with this program.
+#    If not, see <http://www.gnu.org/licenses/>.
+#
+#############################################################################
+from . import theme_college

theme_college/controllers/theme_college.py

@@ -0,0 +1,80 @@
+# -*- coding: utf-8 -*-
+#############################################################################
+#
+#    Cybrosys Technologies Pvt. Ltd.
+#
+#    Copyright (C) 2023-TODAY Cybrosys Technologies(<https://www.cybrosys.com>)
+#    Author: Cybrosys Techno Solutions(<https://www.cybrosys.com>)
+#
+#    You can modify it under the terms of the GNU LESSER
+#    GENERAL PUBLIC LICENSE (LGPL v3), Version 3.
+#
+#    This program is distributed in the hope that it will be useful,
+#    but WITHOUT ANY WARRANTY; without even the implied warranty of
+#    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+#    GNU LESSER GENERAL PUBLIC LICENSE (LGPL v3) for more details.
+#
+#    You should have received a copy of the GNU LESSER GENERAL PUBLIC LICENSE
+#    (LGPL v3) along with this program.
+#    If not, see <http://www.gnu.org/licenses/>.
+#
+#############################################################################
+from odoo import http
+from odoo.http import request
+
+
+class College(http.Controller):
+    """Class used to define function which renders appropriate template."""
+
+    @http.route('/college_alumni', type='http', website=True,
+                auth='public')
+    def college_alumni(self):
+        """Renders template college_alumni."""
+        return http.request.render('theme_college.college_alumni', {})
+
+    @http.route('/college_course', type='http', website=True,
+                auth='public')
+    def college_course(self):
+        """Renders template college_course."""
+        return http.request.render('theme_college.college_course', {})
+
+    @http.route('/college_facility', type='http', website=True,
+                auth='public')
+    def college_facility(self):
+        """Renders template college_facility."""
+        return http.request.render('theme_college.college_facility', {})
+
+    @http.route('/college_gallery', type='http', website=True,
+                auth='public')
+    def college_gallery(self):
+        """Renders template college_gallery."""
+        return http.request.render('theme_college.college_gallery', {})
+
+    @http.route('/get_college_locations', auth="public", type='json',
+                website=True)
+    def get_college_location(self):
+        """Function to search all college locations and pass values."""
+        college_location = request.env['college.location'].sudo().search(
+            [], order='create_date desc')
+        if not college_location:
+            return (http.Response(template='theme_college.empty_location')).render()
+        else:
+            values = {
+                'college_location': college_location,
+            }
+        response = http.Response(template='theme_college.college_locations',
+                                 qcontext=values)
+        return response.render()
+
+    @http.route('/college_location/<int:college_location_id>', type='http',
+                auth='public',
+                website=True)
+    def view_country_details(self, college_location_id):
+        """Function to render template and pass value to website."""
+        college_location = request.env['college.location'].sudo().browse(
+            college_location_id)
+        values = {
+            'college_location': college_location
+        }
+        return request.render(
+            'theme_college.college_location_country', values)

theme_college/doc/RELEASE_NOTES.md

@@ -0,0 +1,6 @@
+## Module <theme_college>
+
+#### 26.12.2023
+#### Version 17.0.1.0.0
+#### ADD
+- Initial commit for Theme College

theme_college/models/__init__.py

@@ -0,0 +1,22 @@
+# -*- coding: utf-8 -*-
+#############################################################################
+#
+#    Cybrosys Technologies Pvt. Ltd.
+#
+#    Copyright (C) 2023-TODAY Cybrosys Technologies(<https://www.cybrosys.com>)
+#    Author: Cybrosys Techno Solutions(<https://www.cybrosys.com>)
+#
+#    You can modify it under the terms of the GNU LESSER
+#    GENERAL PUBLIC LICENSE (LGPL v3), Version 3.
+#
+#    This program is distributed in the hope that it will be useful,
+#    but WITHOUT ANY WARRANTY; without even the implied warranty of
+#    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+#    GNU LESSER GENERAL PUBLIC LICENSE (LGPL v3) for more details.
+#
+#    You should have received a copy of the GNU LESSER GENERAL PUBLIC LICENSE
+#    (LGPL v3) along with this program.
+#    If not, see <http://www.gnu.org/licenses/>.
+#
+#############################################################################
+from . import college_location

theme_college/models/college_location.py

@@ -0,0 +1,42 @@
+# -*- coding: utf-8 -*-
+################################################################################
+#
+#    Cybrosys Technologies Pvt. Ltd.
+#
+#    Copyright (C) 2023-TODAY Cybrosys Technologies(<https://www.cybrosys.com>)
+#    Author: Cybrosys Techno Solutions(<https://www.cybrosys.com>)
+#
+#    You can modify it under the terms of the GNU LESSER
+#    GENERAL PUBLIC LICENSE (LGPL v3), Version 3.
+#
+#    This program is distributed in the hope that it will be useful,
+#    but WITHOUT ANY WARRANTY; without even the implied warranty of
+#    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+#    GNU LESSER GENERAL PUBLIC LICENSE (LGPL v3) for more details.
+#
+#    You should have received a copy of the GNU LESSER GENERAL PUBLIC LICENSE
+#    (LGPL v3) along with this program.
+#    If not, see <http://www.gnu.org/licenses/>.
+#
+################################################################################
+from odoo import fields, models
+
+
+class CollegeLocation(models.Model):
+    """This class is used to create new model college location."""
+    _name = 'college.location'
+    _description = 'College Locations'
+    _rec_name = 'country_id'
+
+    country_id = fields.Many2one('res.country', string="Country",
+                                 required=True, help='Country Name')
+    description = fields.Text(string='Description', required=True,
+                              help='Small description of the college')
+    image = fields.Image(string='Image', required=True, help='Image')
+    location = fields.Char(string='Location', required=True, help='Location')
+    phone = fields.Char(string='Phone', required=True,
+                        help='Phone number to contact the college')
+    email = fields.Char(string='Email', required=True,
+                        help='Email to contact the college')
+    about_us = fields.Text(string='About Us', required=True,
+                           help='About the college')

theme_college/security/ir.model.access.csv

@@ -0,0 +1,2 @@
+id,name,model_id/id,group_id/id,perm_read,perm_write,perm_create,perm_unlink
+access_college_location_model,access_college_location_model,model_college_location,base.group_user,1,1,1,1

theme_college/static/description/index.html

@@ -0,0 +1,246 @@
+<div class="oe_styling_v8">
+    <!-- Hero Section -->
+    <div class="container pt-4 mt-4 rounded" style="background-color: #fff; font-family: Montserrat, 'sans-serif';">
+        <div class="row">
+            <div class="col-lg-12 mb-4">
+                <img src="images/Cybrosys.png" alt="Cybrosys Logo" style="width: 120px; height: auto;">
+                <hr style="border-color: #e1e5e9;" />
+            </div>
+        </div>
+        <div class="row">
+            <div class="col-lg-12 text-center">
+                <img src="images/hero.png" width=60% height="auto" class="mb-4" alt="Theme Screenshot">
+            </div>
+            <div class="col-lg-12 text-center">
+                <h1 class="mt-4">Theme College</h1>
+                <p class="lead mb-4" style="max-width: 700px; margin: 0 auto;">
+                    This is a brand-new theme called Theme College. It is ideal for your educational institution's website and is incredibly user-friendly.
+                    With front-end styles, it is the most powerful theme that is also very easy to use. Features like the scholarship form snippets,
+                    college location, placement cell, and carousel slide make it easier to improve the user experience.
+                    Includes Image Viewer on Gallery and includes Custom Pages for Courses, Facilities, Alumni, and Gallery.
+                </p>
+            </div>
+        </div>
+
+        <!-- End of Hero Section -->
+
+        <!-- Alternate Section -->
+        <div class="row p-4">
+            <div class="col-lg-6 px-4" style="margin-top: 100px;">
+                <h2>Desktop View</h2>
+                <p class="lead">
+                    You can create visually appealing webpages by just dragging and dropping the building pieces, making it simple to customise and utilize.
+                </p>
+            </div>
+            <div class="col-lg-6 px-4">
+                <img style="border-radius: 0.5em;" src="images/screens.jpg" width="90%" height="auto"
+                     class="mb-4 shadow-sm" alt="Theme Screenshot">
+            </div>
+        </div>
+        <div class="row p-4">
+            <div class="col-lg-6 px-4">
+                <img style="border-radius: 0.5em;" src="images/mobile-screens.jpg" width="90%" height="auto"
+                     class="mb-4 shadow-sm" alt="Theme Screenshot">
+            </div>
+            <div class="col-lg-6 px-4" style="margin-top: 100px;">
+                <h2>Mobile View</h2>
+                <p class="lead">
+                    Your page looks more stylish and beautiful with a theme that is both user-friendly and current.
+                </p>
+            </div>
+        </div>
+        <!-- End of Alternate Section -->
+
+        <!-- Two Columns Section -->
+        <div class="row p-4">
+            <!-- Column 1 -->
+            <div class="col-lg-6">
+                <div class="row">
+                    <div class="col-lg-12">
+                        <img style="border-radius: 0.5em;" src="images/screen-1.jpg" width="100%" height="auto"
+                             class="mb-4 shadow-sm" alt="Theme Screenshot">
+                    </div>
+                    <div class="col-lg-12 mt-4">
+                        <h2 class="text-center">Home Page</h2>
+                        <p class="lead text-center">
+                            It is simple to use and customise; all you have to do is drag and drop
+                            the building blocks to create visually appealing webpages. The home page design's
+                            customizable building blocks allow you to modify them to suit your needs.
+                        </p>
+                    </div>
+                </div>
+            </div>
+            <!-- End of Column 1 -->
+
+            <!-- Column 2 -->
+            <div class="col-lg-6">
+                <div class="row">
+                    <div class="col-lg-12">
+                        <img style="border-radius: 0.5em;" src="images/screen-2.jpg" width="100%" height="auto"
+                             class="mb-4 shadow-sm" alt="Theme Screenshot">
+                    </div>
+                    <div class="col-lg-12 mt-4">
+                        <h2 class="text-center">Course Page</h2>
+                        <p class="lead text-center">
+                            This course will provide all of your courses to you in an elegant manner. It will draw in visitors because it displays one course at a time.
+                        </p>
+                    </div>
+                </div>
+            </div>
+            <!-- End of Column 2 -->
+        </div>
+        <!-- End of Two Columns Section -->
+
+        <!-- Three Columns Section -->
+        <div class="row p-4">
+            <!-- Column 1 -->
+            <div class="col-lg-4">
+                <div class="row">
+                    <div class="col-lg-12">
+                        <img style="border-radius: 0.5em;" src="images/facility.png" width="100%" height="auto"
+                             class="mb-4 shadow-sm" alt="Theme Screenshot">
+                    </div>
+                    <div class="col-lg-12 mt-4">
+                        <h2 class="text-center">Facility Page</h2>
+                        <p class="lead text-center">
+                            The facility will present you with all the amenities in a fashionable manner, with one facility displayed in a row.
+                            It will draw in viewers and provide all the information that is required to understand the facility.
+                        </p>
+                    </div>
+                </div>
+            </div>
+            <!-- End of Column 1 -->
+
+
+
+            <!-- Column 2 -->
+            <div class="col-lg-4">
+                <div class="row">
+                    <div class="col-lg-12">
+                        <img style="border-radius: 0.5em;" src="images/gallery.png" width="100%" height="auto"
+                             class="mb-4 shadow-sm" alt="Theme Screenshot">
+                    </div>
+                    <div class="col-lg-12 mt-4">
+                        <h2 class="text-center">Gallery Page</h2>
+                        <p class="lead text-center">
+                            With three photographs in a row, the gallery presents all of the images to you in an elegant manner that is sure to draw in visitors.
+                        </p>
+                    </div>
+                </div>
+            </div>
+            <!-- End of Column 2 -->
+
+
+            <!-- Column 4 -->
+            <div class="col-lg-4">
+                <div class="row">
+                    <div class="col-lg-12">
+                        <img style="border-radius: 0.5em;" src="images/alumni.png" width="100%" height="auto"
+                             class="mb-4 shadow-sm" alt="Theme Screenshot">
+                    </div>
+                    <div class="col-lg-12 mt-4">
+                        <h2 class="text-center">Alumni Page</h2>
+                        <p class="lead text-center">
+                            With four alumni displayed in a row, the alumni display all of your alumni in an elegant manner that is sure to draw in viewers.
+                        </p>
+                    </div>
+                </div>
+            </div>
+            <!-- End of Column 4 -->
+        </div>
+        <!-- End of Three Columns Section -->
+
+
+        <!-- Demo Pages -->
+        <section class="oe_container">
+            <div class="row" style="margin: 60px auto -30px;">
+                <div class="col-lg-12 text-center">
+                    <h4 class="mt-4">Demo Pages</h4>
+                    <hr style="border-width: 3px; border-color: #0984e3; width: 100px;">
+                </div>
+            </div>
+
+            <div class="row" style="margin: 40px auto; border-radius: 15px; padding: 38px;">
+                <div class="col-sm-6 col-md-4 px-2">
+                    <div class="bg-white shadow overflow-hidden mb32"
+                         style="border-radius: 15px; width: 300px; padding-bottom: 0; margin-right: 30px;">
+                        <img src="images/screen-2.jpg" width="300px" height="auto">
+                        <h6 class="text-center my-3">Course</h6>
+                        <hr style="border-width: 5px; border-color: #0984e3; width: 150px; margin-bottom: 0;">
+                    </div>
+                </div>
+
+                <div class="col-sm-6 col-md-4 px-2">
+                    <div class="bg-white shadow overflow-hidden mb32"
+                         style="border-radius: 15px; width: 300px; padding-bottom: 0;">
+                        <img src="images/screen-3.jpg" width="300px" height="auto">
+                        <h6 class="text-center my-3">Home</h6>
+                        <hr style="border-width: 5px; border-color: #05c46b; width: 150px; margin-bottom: 0;">
+                    </div>
+                </div>
+
+                <div class="col-sm-6 col-md-4 px-2">
+                    <div class="bg-white shadow overflow-hidden mb32"
+                         style="border-radius: 15px; width: 300px; padding-bottom: 0;">
+                        <img src="images/screen-1.jpg" width="300px" height="auto">
+                        <h6 class="text-center my-3">Gallery</h6>
+                        <hr style="border-width: 5px; border-color: #f44f52; width: 150px; margin-bottom: 0;">
+                    </div>
+                </div>
+            </div>
+        </section>
+        <!-- End of Demo Pages -->
+
+        <!-- Footer -->
+        <div class="row" style="margin-top: 4rem;">
+            <div class="col-lg-12 text-center">
+                <h2>Get Help</h2>
+                <hr style=" border: 2px solid #b22126; margin-top: 2px;" width="40px">
+                <p class="text-center" style="max-width: 650px; margin: 0 auto;">We are prepared to offer our support if you have anything to share with us about how you have used this module.</p>
+            </div>
+        </div>
+        <div class="row">
+            <div class="col px-4 pt-3 pb-2 shadow-sm"
+                 style="background-color: #fff; max-width: 450px; border-radius: 0.5em; margin: 1em auto;">
+                <div class="row">
+                    <div class="col-lg-8">
+                        <h6><a href="mailto:odoo@cybrosys.com" target="_blank"
+                               style="color: #050505; text-decoration: none;"><i
+                                class="fa fa-envelope mr-2"></i>odoo@cybrosys.com</a></h6>
+                    </div>
+                    <div class="col-lg-4 d-flex justify-content-end" style="position: relative;">
+                        <h6><a href="mailto:odoo@cybrosys.com" target="_blank"
+                               style="color: #050505; text-decoration: none;"><i class="fa fa-chevron-right"></i></a>
+                        </h6>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <div class="row">
+            <div class="col px-4 pt-3 pb-2 shadow-sm"
+                 style="background-color: #fff; max-width: 450px; border-radius: 0.5em; margin: 1em auto;">
+                <div class="row">
+                    <div class="col-lg-8">
+                        <h6><a href="https://www.cybrosys.com" target="_blank"
+                               style="color: #050505; text-decoration: none;"><i
+                                class="fa fa-globe mr-2"></i>www.cybrosys.com</a></h6>
+                    </div>
+                    <div class="col-lg-4 d-flex justify-content-end" style="position: relative;">
+                        <h6><a href="https://www.cybrosys.com" target="_blank"
+                               style="color: #050505; text-decoration: none;"><i class="fa fa-chevron-right"></i></a>
+                        </h6>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <div class="row">
+            <div class="col-lg-12 mt-4 mb-2 text-center">
+                <p style="font-weight: bold">A Quality Theme From</p>
+            </div>
+            <div class="col-lg-12 text-center">
+                <img src="images/cybro-logo-oca.png" width="80px" height="auto">
+            </div>
+        </div>
+        <!-- End of Footer -->
+    </div>
+</div>

theme_college/static/src/css/theme_college.css

@@ -0,0 +1,975 @@
+@charset "utf-8";
+/* CSS Document */
+/*------------------------------ My CSS-------------------------------------*/
+
+a:hover{text-decoration:none !important;}
+.padd0{padding:0px !important}
+.paddl0{padding-left:0px !important}
+.paddr0{padding-right:0px !important}
+.paddt20{padding-top:20px;}
+.paddt50{padding-top:50px;}
+.paddb20{padding-bottom:50px;}
+.paddb50{padding-bottom:50px;}
+.paddb100{padding-bottom:100px;}
+
+
+/*------------------------------ My CSS-------------------------------------*/
+body{
+	font-family: 'Raleway', sans-serif !important;
+}
+img {
+  max-width: 100%;
+  height: auto;
+}
+header{
+	height: 56px !important;
+}
+.header {
+    background-color: #00b140 !important;
+}
+.offcanvas-body li a span{
+    color: #8595A2 !important;
+}
+.offcanvas-body li .active span{
+    color: #ff6900 !important;
+}
+.navbar {
+    margin-bottom: 0px !important;
+    border-radius: 0px !important;
+    position: unset !important;
+    right: 0;
+    left: 0;
+    z-index: 1000;
+}
+.navbar-default {
+    background-color: #00b140 !important;
+    border:none !important;
+    padding-top: 1%;
+    padding-bottom: 1%;
+}
+
+.home_header {
+    margin-top: 2.5%;
+}
+/*.navbar-collapse.collapse {
+     padding-top: 2%;
+}*/
+.navbar-default .navbar-nav > li > a {
+    color: #fff;
+	font-size:16px;
+
+}
+.navbar-default .navbar-nav > li > a:hover {
+    color:  #ff6900 !important;
+}
+.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
+    background:none !important;
+    color: #ff6900 !important;
+}
+.img-content-wrap{
+	position:relative
+	}
+.img-content{
+	position:absolute;
+	background:#ffffff;
+	width:79%;
+	height:auto;
+	margin:auto;
+	bottom: -19%;
+	left: 10%;
+	padding-bottom: 10px;
+    padding-left: 15px;
+    padding-right: 15px;
+    padding-top: 10px;
+	border:solid #d7d7d7 1px;
+	}
+.img-content h4{
+	color:#00b140;
+	font-size:22px;
+	text-align:center;
+	}
+.img-content p{
+	color:#7c7c7c;
+	font-size:13px;
+	text-align:center;
+	}
+.view-more{
+	width:25%;
+	height:auto;
+	background:#ff6900;
+	padding:5px 10px;
+	color:#fff;
+	font-size:11px;
+	text-align:center;
+}
+.view-more:hover{
+	background:#e35d00;
+	color:#fff;
+
+}
+.latest-news{
+
+}
+.latest-news h1{
+	color:#ff6900;
+	font-size:45px;
+	text-align:left;
+}
+.latest-news p{
+	color:#7c7c7c;
+	font-size:13px;
+	text-align:left;
+}
+.latest-news h4{
+	color:#00b140;
+	font-size:22px;
+	text-align:left;
+}
+footer{
+background:#1f1f1f !important;
+
+}
+footer p{
+	color:#fff !important;
+	font-size:13px !important;
+	text-align:left !important;
+}
+footer h4{
+	color:#ff6900 !important;
+}
+footer ul{
+	padding:0px;
+	list-style:none;
+}
+footer a{
+	color:#fff !important;
+	font-size:13px !important;
+	text-align:left !important;
+}
+footer a:hover{
+	color:#ff6900 !important;
+
+}
+.social-bg{
+	background-color: #ebebeb;
+    border-radius: 50px;
+    width: 38px !important;
+    height: 38px;
+    padding-top: 6px;
+	color: rgb(31, 31, 31);
+    font-size: 20px;
+	margin-right: 4px;
+    margin-bottom: 12px;
+}
+.fa-instagram, .fa-google-plus, .fa-twitter, .fa-facebook{
+	margin-left: 11px !important;;
+    margin-top: 2px;
+}
+.fa-facebook{
+	margin-left: 13px !important;;
+    margin-top: 2px;
+}
+.fa-youtube-play{
+	margin-left: 9px !important;;
+    margin-top: 2px;
+}
+.social-bg:hover{
+	background-color: rgb(40, 40, 40);
+    border-radius: 50px;
+    color: #fff;
+}
+ /*------------------------------ gallery -------------------------------------*/
+.commen-header{
+	background:url(/theme_college/static/src/images/About_banner.png);
+	background-size: 100% 100%;
+	padding-bottom: 25%;
+}
+
+.nav-allumini{
+	    background-color: rgba(0,177,64,.6);
+}
+.commen-header .navbar-default {
+    background:none !important;
+}
+
+/*-- Gallery --*/
+.gallery,.about-w3-agile,.course,.facility,.location{
+    padding:50px 0px !important;
+
+}
+.contactus_font, .aboutus_font{
+	padding:50px 0px !important;
+}
+.about-w3-agile h3,.gallery h3,.course h3, .facility h3,.location h3 , .contactus_font h1, .aboutus_font h1, .contact_details h2{
+	color:#000;
+	text-transform:uppercase;
+	font-size:25px;
+	letter-spacing:2px;
+	font-weight:700;
+	text-align:left;
+	position:relative;
+	margin-bottom:50px;
+	margin-top: 0px !important;
+}
+
+.about-w3-agile h3:before, .gallery h3:before, .course h3:before, .facility h3:before,.location h3:before, .contactus_font h1:before, .aboutus_font h1:before, .contact_details h2:before{
+    content: '';
+    background: #d9d9d9;
+    width: 10%;
+    height: 3px;
+    position: absolute;
+    top: 170%;
+    left: 0%;
+}
+.about-w3-agile h3:after,.gallery h3:after,.course h3:after, .facility h3:after, .location h3:after,.contactus_font h1:after , .aboutus_font h1:after, .contact_details h2:after{
+    content: '';
+    background:  #FFC107;
+    width: 4%;
+    height: 3px;
+    position: absolute;
+    top: 170%;
+    left: 0%;
+}
+.contactus_font h1:before{
+    width:17%;
+}
+.contactus_font h1:after{
+    width:8%;
+}
+ .facility h3:before{
+	 width:12% ;
+}
+.facility h3:after{
+	 width:5% ;
+}
+.location h3:before{
+	 width:12% ;
+}
+.location h3:after{
+	 width:5% ;
+}
+.contact_details h2:before{
+	 width:26% ;
+}
+.contact_details h2:after{
+	 width:13% ;
+}
+.about-w3-agile h3:before, .course h3:before, .gallery h3:before{
+	width:12% ;
+}
+.about-w3-agile h3:after, .course h3:after, .gallery h3:after{
+	width:5% ;
+}
+.gallery-grids-left-subl {
+    padding-left: 0;
+	margin-top:30px;
+}
+.gallery-grids-left-subr {
+    padding-right: 0;
+	margin-top:30px;
+}
+.gallery-grids-right-first{
+	padding-left:0;
+	margin-bottom:30px;
+}
+.gallery-grids-right.gallery-8 {
+    padding-left: 0;
+	margin-top:30px;
+}
+.gallery-grids-right.gallery-9 {
+    padding-right: 0;
+	margin-top:30px;
+}
+.gallery-grids-right-two{
+	padding-right:0;
+	margin-bottom:30px;
+}
+.gallery-grid-sub-left-bottom{
+	margin-top:310px;
+}
+.gallery-grid img {
+	width: 100%;
+	cursor: pointer;
+}
+
+.gallery-grid {
+	position: relative;
+}
+
+.gallery-grid-pos {
+	position: absolute;
+	top: 0%;
+	left: 5%;
+	text-align: center;
+	opacity: 0;
+	background: #000;
+	transition: .5s ease-in-out;
+	-webkit-transition: .5s ease-in-out;
+	-moz-transition: .5s ease-in-out;
+	-o-transition: .5s ease-in-out;
+	-ms-transition: .5s ease-in-out;
+}
+
+.grid figure {
+	position: relative;
+	float: left;
+	overflow: hidden;
+	height: auto;
+	background: #000;
+	text-align: center;
+}
+
+.grid figure img {
+	position: relative;
+	display: block;
+	max-width: 100%;
+	opacity: 0.8;
+}
+
+.grid figure figcaption {
+	padding: 7em;
+	color: #fff;
+	text-transform: uppercase;
+	font-size: 1.25em;
+	-webkit-backface-visibility: hidden;
+	backface-visibility: hidden;
+}
+
+.grid figure figcaption::before, .grid figure figcaption::after {
+	pointer-events: none;
+}
+
+.grid figure figcaption, .grid figure figcaption > a {
+	position: absolute;
+	top: 0;
+	left: 0;
+	width: 100%;
+	height: 100%;
+}
+
+figure.effect-apollo {
+	background: #000;
+}
+
+figure.effect-apollo img {
+	opacity: 0.95;
+	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
+	transition: opacity 0.35s, transform 0.35s;
+	-webkit-transform: scale3d(1.05,1.05,1);
+	transform: scale3d(1.05,1.05,1);
+}
+
+figure.effect-apollo figcaption::before {
+	position: absolute;
+	top: 0;
+	left: 0;
+	width: 100%;
+	height: 100%;
+	background: rgba(0, 0, 0, 0.72);
+	content: '';
+	-webkit-transition: -webkit-transform 0.6s;
+	transition: transform 0.6s;
+	-webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);
+	transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);
+}
+
+figure.effect-apollo:hover img {
+	opacity: 0.6;
+	-webkit-transform: scale3d(1,1,1);
+	transform: scale3d(1,1,1);
+}
+
+figure.effect-apollo:hover figcaption::before {
+	-webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);
+	transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);
+}
+/*-- //Gallery --*/
+/*-- alumni --*/
+.alumni h4{
+	color:#ff6900;
+	text-align:center;
+	margin-top: 10px;
+
+}
+.alumni p{
+	color:#7c7c7c;
+	font-size:13px;
+	margin-left: 5px;
+	margin-right: 5px;
+}
+
+.alumni .thumbnail {
+    padding: 0px !important;
+    border: 1px solid #d7d7d7 !important;
+    border-radius: 0px !important;
+}
+/*-- //alumni --*/
+
+
+
+
+
+/*-- //courses --*/
+
+.facility h4{
+	color:#ff6900;
+	text-align:left;
+}
+.facility p{
+	color:#7c7c7c;
+	font-size:18px !important;
+}
+.facility
+.location h4{
+	color:#ff6900;
+	text-align:left;
+}
+.location p{
+	color:#7c7c7c;
+	font-size:19px;
+}
+.location ul{
+	color:#7c7c7c;
+	font-size:19px;
+}
+
+.contactus_font p{
+	color:#7c7c7c;
+	font-size:13px;
+}
+.course-grids {
+    margin-top: 10px;
+}
+
+.aboutus_font h3{
+	color:#ff6900;
+	text-align:left;
+}
+.aboutus_font p{
+	color:#7c7c7c;
+	font-size:13px;
+}
+.dropdown-menu.js_usermenu{
+    margin-top: 13px !important;
+}
+
+@media (max-width:1080px){
+	.gallery h3:before {
+		width: 13%;
+	}
+	.gallery-grid img {
+		height:inherit;
+	}
+	.gallery-grid-sub-left-bottom {
+		margin-top: 255px;
+	}
+	.gallery-grids-right.gallery-8,.gallery-grids-right.gallery-9 {
+		margin-top: 27px;
+	}
+	.gallery-grids-left-gallery1-top img{
+			height:228px;
+	}
+	.gallery-grids-left-subr img{
+		height:483px;
+	}
+}
+@media (max-width:1024px){
+
+}
+@media (max-width:991px){
+	.gallery h3:before {
+		width: 16%;
+	}
+	.gallery h3:after {
+		width: 7%;
+	}
+	.gallery-grid-sub-left-bottom {
+		margin-top: 192px;
+	}
+	.gallery-grids-left-gallery1-top img {
+		height: 164px;
+	}
+	.gallery-grids-left-subr img {
+		height: 356px;
+	}
+	.gallery-grids-right-hand img{
+		 height: 161px;
+	}
+
+}
+@media (max-width:900px){}
+
+@media (max-width:800px){
+
+}
+@media (max-width:768px){
+.gallery-grids-left.gallery-grids-left-gallery1-top {
+		width: 50%;
+		float: left;
+	}
+	.gallery-grids-left {
+		width: 50%;
+		float: left;
+	}
+	.gallery-grids-right-first,.gallery-grids-right-two,.gallery-grids-left-subl,.gallery-grids-left-subr{
+		width: 50%;
+		float: left;
+	}
+	.gallery-grids-right.gallery-8, .gallery-grids-right.gallery-9 {
+		margin-top: 30px;
+		width: 50%;
+		float: left;
+	}
+	.gallery-grids-left-gallery1-top img {
+		height: 155px;
+	}
+	.gallery-grids-left-subr img {
+		height: 349px;
+	}
+}
+@media (max-width:736px){
+	.gallery-grids-left.gallery-grids-left-gallery1-top {
+		width: 50%;
+		float: left;
+	}
+	.gallery-grids-left {
+		width: 50%;
+		float: left;
+	}
+	.gallery-grids-right-first,.gallery-grids-right-two,.gallery-grids-left-subl,.gallery-grids-left-subr{
+		width: 50%;
+		float: left;
+	}
+	.gallery-grids-right.gallery-8, .gallery-grids-right.gallery-9 {
+		margin-top: 30px;
+		width: 50%;
+		float: left;
+	}
+	.gallery-grids-left-gallery1-top img {
+		height: 155px;
+	}
+	.gallery-grids-left-subr img {
+		height: 349px;
+	}
+}
+@media (max-width:667px){
+	.gallery-grids-left-gallery1-top img {
+		height: 139px;
+	}
+	.gallery-grids-left-subr img {
+		height: 312px;
+	}
+	.gallery-grid-sub-left-bottom {
+		margin-top: 172px;
+	}
+	.gallery-grids-right-hand img {
+		height: 146px;
+	}
+}
+@media (max-width:640px){
+	.gallery-grids-left-gallery1-top img {
+		height: 131px;
+	}
+	.gallery-grids-left-subr img {
+		height: 290px;
+	}
+	.gallery-grids-right-hand img {
+		height: 130px;
+	}
+	.gallery-grid-sub-left-bottom {
+		margin-top: 160px;
+	}
+
+}
+@media (max-width:600px){
+	.gallery-grids-left.gallery-grids-left-gallery1-top {
+		width: 100%;
+		float: left;
+	}
+	.gallery-grids-left {
+		width: 100%;
+		float: left;
+	}
+	.gallery-grids img{
+		height:inherit;
+	}
+	.gallery-grid-sub-left-bottom {
+		margin-top: 300px;
+}
+}
+
+@media (max-width:480px){
+	.gallery-grid-sub-left-bottom {
+		margin-top: 230px;
+	}
+}
+@media (max-width:414px){
+	.gallery-grids-left-subl,.gallery-grids-left-subr {
+		margin-top: 25px;
+	}
+	.gallery-grid-sub-left-bottom {
+		margin-top: 194px;
+	}
+	.gallery-grids-right-two,.gallery-grids-right-first {
+		margin-bottom: 25px;
+	}
+	.gallery-grids-left-subr.gallery-grids-left-subr-long {
+		padding-left: 12px;
+		padding-right:0;
+	}
+	.gallery-grids-left-subl, .gallery-grids-left-subr {
+	   padding-right:13px;
+	}
+	.gallery-grids-right-two {
+		padding-right:0;
+	}
+	.gallery-grids-right-first {
+		padding-right:12.5px;
+	}
+	.gallery-grids-right.gallery-8, .gallery-grids-right.gallery-9 {
+		margin-top: 25px;
+	}
+	.gallery-grids-right.gallery-8{
+		padding-right:12.5px;
+	}
+	.gallery-grids-right.gallery-9 {
+		padding-left:12.5px;
+	}
+}
+@media (max-width:384px){
+	.gallery-grid-sub-left-bottom {
+		margin-top: 176px;
+	}
+}
+@media (max-width:375px){
+	.gallery h3:before {
+		width: 29%;
+	}
+	.agile_team_grid4{
+		margin-bottom:0;
+	}
+}
+@media (max-width:320px){
+	.agile_team_grid {
+		width: 75%;
+	}
+	.gallery-grid-sub-left-bottom {
+		margin-top: 140px;
+	}
+	.contact-text-agileinf0 {
+		width: 67%;
+		float: right;
+	}
+}
+
+.college_carousel .carousel-inner{
+    height: 700px !important;
+}
+#wrapwrap header .navbar{
+    background-color: #2f890b96;
+    margin-bottom: 20px;
+}
+
+.footer {
+    padding-top: 15px;
+}
+.footer .fp {
+  color: #aaa;
+  margin-bottom: 30px;
+  padding-top: 20px;
+  line-height: 1.7rem;
+  font-size: 18px;
+}
+@media screen and (max-width: 996px) {
+  .footer .footer_icons {
+    margin-bottom: 40px;
+    padding-bottom: 10px;
+  }
+}
+
+.footer .footer_icons ul {
+  display: flex;
+  list-style: none;
+  padding-left: 0;
+  margin-top: 20px;
+}
+
+.footer .footer_icons ul .fb:hover {
+  background: #3b5998;
+  color: #fff;
+}
+
+.footer .footer_icons ul .tw:hover {
+  background: #1da1f2;
+  color: #fff;
+}
+
+.footer .footer_icons ul .gg:hover {
+  background: #f44336;
+  color: #fff;
+}
+
+.footer .footer_icons ul .dr:hover {
+  background: #ea4c89;
+  color: #fff;
+}
+
+.footer .footer_icons ul li {
+  color: #aaa;
+  font-size: 18px;
+  width: 40px;
+  height: 40px;
+  border-radius: 50%;
+  margin-right: 20px;
+  background-color: #363434;
+  text-align: center;
+  padding-top: 11px;
+}
+
+.footer .footer_icons ul li:hover {
+  background-color: #087b81;
+}
+
+.alumni-img {
+    height: 212px;
+    width: 100%;
+}
+
+.contact_page {
+    margin-top: 60px;
+}
+.contact-page-second-col{
+    margin-top: 81px;
+}
+.contact_page .o_website_form_send{
+    margin-right: 252px;
+}
+.facility {
+    margin-top: 0px !important;
+}
+.location {
+    margin-top: 0px !important;
+}
+.gallery{
+    margin-top: 0px !important;
+}
+.navbar-light .navbar-nav .nav-link.active {
+    color: orange !important;
+}
+.navbar-light .navbar-nav .nav-link {
+    color: white;
+}
+.o_livechat_button.d-print-none.o_bottom_fixed_element.o_bottom_fixed_element_move_up.o_website_livechat_button.fa.fa-commenting {
+    display: flex;
+}
+#wrapwrap #wrap .container{
+    margin-top: 0px !important;
+    margin-bottom: 0px !important;
+}
+
+.scholarship_form {
+    background: transparent !important;
+  margin: 50px !important;
+}
+
+.scholarship_form .card {
+  background: transparent;
+  border: none;
+}
+
+.scholarship_form h3 {
+    font-weight: 700;
+    text-align: center;
+    margin-bottom: 20px;
+}
+
+
+.scholarship_form .card .card-body {
+  padding: 0;
+  margin-top: 60px;
+}
+
+@media screen and (max-width: 991px) {
+  .scholarship_form .card .card-body {
+    margin-top: 0px;
+  }
+}
+
+.scholarship_form .card .card-title {
+  color: 36px;
+  font-weight: 700;
+}
+
+.scholarship_form .card .card-title p {
+  color: #3fc0b6;
+  margin-top: 0;
+}
+
+.scholarship_form .card p {
+  color: #6b778d;
+  margin-top: 30px;
+}
+
+.scholarship_form .btn {
+    color: #6fb74a;
+    background-color: white;
+    border-color: white;
+    margin-top: -33px;
+    margin-right: 171px;
+}
+
+.scholarship_img {
+  margin-top: 60px;
+  margin-bottom: 60px;
+}
+
+.scholarship_img .img-fluid {
+  max-width: 100%;
+  vertical-align: middle;
+  border-radius: 7px;
+}
+
+.scholarship{
+    background-color: #89d55a94;
+    border-radius: 75px 75px 75px 75px;
+}
+
+.partner .company img{
+    width: 100%;
+}
+.partner h1 {
+    color: #a3a4a6;
+    font-weight: 700;
+    text-align: center;
+    margin-bottom: 20px;
+}
+.partner h1 span {
+    color: #9be384;
+}
+.college_location_class {
+    margin-top: 20px;
+    text-align: center
+}
+
+.college_location {
+  margin-top: 90px;
+}
+
+.college_location h1 {
+  font-weight: 700;
+  margin-bottom: 10px;
+  color: #a3a4a6;
+}
+
+.college_location h1 span {
+  color: #9be384 !important;
+}
+.college_location p{
+  color: #6b778d;
+  font-size: 16px;
+}
+
+.college_location img {
+  border-radius: 50%;
+  width: 100%;
+}
+
+.college_location h5 {
+  padding-top: 20px;
+  color: #a3a4a6;
+  font-weight: 600;
+}
+
+@media screen and (max-width: 991px) {
+  .college_location h5 {
+    font-size: 17px !important;
+  }
+}
+
+.banner .carousel-indicators li {
+  box-sizing: content-box;
+  flex: 0 1 auto;
+  width: 15px;
+  height: 15px;
+  margin-right: 14px;
+  margin-left: 3px;
+  text-indent: -999px;
+  cursor: pointer;
+  background-color: #fff;
+  background-clip: padding-box;
+  border-top: 10px solid transparent;
+  border-bottom: 10px solid transparent;
+  opacity: .5;
+  transition: opacity .6s ease;
+  border-radius: 50%;
+}
+
+.banner .card {
+  margin-top: 100px;
+  align-self: center;
+  background: transparent !important;
+  border: none;
+
+}
+
+.card-body{
+ background: transparent !important;
+ }
+
+.banner .card .card-title {
+  color: #fff;
+  font-size: 60px;
+  font-weight: 600;
+}
+
+@media screen and (max-width: 768px) {
+  .banner .card .card-title {
+    font-size: 40px;
+  }
+}
+
+.banner .card .card-title span {
+  margin-top: 20px;
+}
+
+.banner .card .card-text {
+  color: #fff;
+  font-size: 18px;
+  margin-top: 32px;
+  margin-bottom: 35px;
+}
+.banner-1 {
+  display: flex;
+  align-items: flex-start;
+  justify-content: center;
+  background: linear-gradient(rgba(0, 0, 0, 0.5) 100%, rgba(0, 0, 0, 0.5) 100%), url(/theme_college/static/src/images/banner3.jpg);
+  height: 100vh;
+  background-size: cover;
+  width: 100%;
+  background-repeat: no-repeat;
+  background-position: center;
+}
+
+.banner-2 {
+  display: flex;
+  align-items: flex-start;
+  justify-content: center;
+  background: linear-gradient(rgba(0, 0, 0, 0.5) 100%, rgba(0, 0, 0, 0.5) 100%), url(/theme_college/static/src/images/About_banner.png);
+  height: 100vh;
+  background-size: cover;
+  width: 100%;
+  background-repeat: no-repeat;
+  background-position: center;
+}
+
+.banner-3 {
+  display: flex;
+  align-items: flex-start;
+  justify-content: center;
+  background: linear-gradient(rgba(0, 0, 0, 0.5) 100%, rgba(0, 0, 0, 0.5) 100%), url(/theme_college/static/src/images/banner3.jpg);
+  height: 100vh;
+  background-size: cover;
+  width: 100%;
+  background-repeat: no-repeat;
+  background-position: center;
+}

theme_college/static/src/js/college_location.js

@@ -0,0 +1,20 @@
+/** @odoo-module **/
+
+import { jsonrpc } from "@web/core/network/rpc_service";
+import publicWidget from "@web/legacy/js/public/public_widget";
+import animations from "@website/js/content/snippets.animation";
+
+    //    Defines a new animation class called get_product_tab by extending Animation.Class.
+    //    This class is used to perform an animation when selecting elements with the
+    //    class .college_location_class.
+publicWidget.registry.CollegeLocation = animations.Animation.extend({
+    selector : '.college_location_class',
+    start() {
+        var self = this;
+        jsonrpc('/get_college_locations', {}).then(function (data){
+            if(data){
+                self.$target.empty().append(data);
+            }
+        })
+    }
+});

theme_college/views/college_location_views.xml

@@ -0,0 +1,61 @@
+<?xml version="1.0" encoding="utf-8"?>
+<odoo>
+    <!--     Represents an XML definition for a view in Odoo, specifically for a form -->
+    <!--    view with the ID theme_college_view_form and the model "college.location". -->
+    <!--    This view is used to define the layout and fields for the form when editing-->
+    <!--    or viewing records of the "college.location" model.-->
+    <record id="college_location_view_form" model="ir.ui.view">
+        <field name="name">college.location.view.form</field>
+        <field name="model">college.location</field>
+        <field name="arch" type="xml">
+            <form string="Website college location Settings">
+                <sheet>
+                    <group>
+                        <field name="country_id"/>
+                        <field name="description"/>
+                        <field name="image"/>
+                        <field name="location"/>
+                    </group>
+                    <group>
+                        <field name="email"/>
+                        <field name="phone"/>
+                        <field name="about_us"/>
+                    </group>
+                </sheet>
+            </form>
+        </field>
+    </record>
+
+    <!--     Represents an XML definition for a tree view in Odoo, specifically for the-->
+    <!--    "college.location" model. This view is used to display a list of records -->
+    <!--    from the "college.location" model in a tree format.-->
+    <record id="college_location_view_tree" model="ir.ui.view">
+        <field name="name">college.location.view.tree</field>
+        <field name="model">college.location</field>
+        <field name="arch" type="xml">
+            <tree string="College Locations">
+                <field name="country_id"/>
+            </tree>
+        </field>
+    </record>
+
+    <!--    Represents an XML definition for an action in Odoo, specifically for the model -->
+    <!--    "college.location". This action is used to define the behavior when performing -->
+    <!--    an action related to college locations, such as opening a list of college locations.-->
+    <record id="college_location_action" model="ir.actions.act_window">
+        <field name="name">College Locations</field>
+        <field name="type">ir.actions.act_window</field>
+        <field name="res_model">college.location</field>
+        <field name="view_id" eval="False"/>
+    </record>
+
+    <!--    Represents an XML definition for a menu item in Odoo. This menu item is related -->
+    <!--    to the "College Locations" action and is used to create a menu entry for accessing-->
+    <!--    the college locations functionality within the Odoo application.-->
+    <menuitem name="College Locations"
+              id="college_location_menu_action"
+              action="college_location_action"
+              parent="website.menu_website_global_configuration"
+              sequence="30"
+              groups="base.group_user"/>
+</odoo>

theme_college/views/theme_college_menus.xml

@@ -0,0 +1,31 @@
+<?xml version="1.0" encoding="UTF-8" ?>
+<odoo>
+    <!--    page menu for alumni page-->
+    <record id="menu_alumni" model="website.menu">
+        <field name="name">Alumni</field>
+        <field name="url">/college_alumni</field>
+        <field name="parent_id" ref="website.main_menu"/>
+        <field name="sequence">59</field>
+    </record>
+    <!--    page menu for course page-->
+    <record id="menu_course" model="website.menu">
+        <field name="name">Course</field>
+        <field name="url">/college_course</field>
+        <field name="parent_id" ref="website.main_menu"/>
+        <field name="sequence">56</field>
+    </record>
+    <!--    page menu for facility page-->
+    <record id="menu_facility" model="website.menu">
+        <field name="name">Facility</field>
+        <field name="url">/college_facility</field>
+        <field name="parent_id" ref="website.main_menu"/>
+        <field name="sequence">57</field>
+    </record>
+    <!--    page menu for gallery page-->
+    <record id="menu_gallery" model="website.menu">
+        <field name="name">Gallery</field>
+        <field name="url">/college_gallery</field>
+        <field name="parent_id" ref="website.main_menu"/>
+        <field name="sequence">58</field>
+    </record>
+</odoo>

theme_college/views/theme_college_templates.xml

@@ -0,0 +1,973 @@
+<?xml version="1.0" encoding="UTF-8" ?>
+<odoo>
+    <template id="theme_college.college_alumni" name="Alumni">
+        <t t-call="website.layout">
+            <!--            This is a template for a web page section named "Alumni" that -->
+            <!--            displays a grid of eight thumbnails with images and captions. -->
+            <!--            It uses Bootstrap classes to create a responsive layout and -->
+            <!--            some custom CSS to hide the page header.-->
+            <!-- Alumni -->
+            <div class="container oe_structure paddb50 alumni about-w3-agile">
+                <h3>Alumni</h3>
+                <div class="row">
+                    <div class="col-sm-6 col-md-3">
+                        <div class="thumbnail">
+                            <img src="/theme_college/static/src/images/gallery-1.jpg"
+                                 alt="..." class="alumni-img"/>
+                            <div class="caption">
+                                <h4>Thumbnail label</h4>
+                                <p>Lorem Ipsum is simply dummy text of the printing
+                                    and typesetting industry. Lorem Ipsum has been the
+                                    industry's standard dummy text ever since the 1500s,
+                                    when an unknown printer took a galley of type and scrambled
+                                    it to make a type specimen book.
+                                </p>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="col-sm-6 col-md-3">
+                        <div class="thumbnail">
+                            <img src="/theme_college/static/src/images/gallery-2.jpg"
+                                 alt="..."
+                                 class="alumni-img"/>
+                            <div class="caption">
+                                <h4>Thumbnail label</h4>
+                                <p>Lorem Ipsum is simply dummy text of the printing
+                                    and typesetting industry. Lorem Ipsum has been the
+                                    industry's standard dummy text ever since the 1500s,
+                                    when an unknown printer took a galley of type and scrambled
+                                    it to make a type specimen book.
+                                </p>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="col-sm-6 col-md-3">
+                        <div class="thumbnail">
+                            <img src="/theme_college/static/src/images/gallery-3.jpg"
+                                 alt="..." class="alumni-img"/>
+                            <div class="caption">
+                                <h4>Thumbnail label</h4>
+                                <p>Lorem Ipsum is simply dummy text of the printing
+                                    and typesetting industry. Lorem Ipsum has been the
+                                    industry's standard dummy text ever since the 1500s,
+                                    when an unknown printer took a galley of type and scrambled
+                                    it to make a type specimen book.
+                                </p>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="col-sm-6 col-md-3">
+                        <div class="thumbnail">
+                            <img src="/theme_college/static/src/images/gallery-4.jpg"
+                                 alt="..."
+                                 class="alumni-img"/>
+                            <div class="caption">
+                                <h4>Thumbnail label</h4>
+                                <p>Lorem Ipsum is simply dummy text of the printing
+                                    and typesetting industry. Lorem Ipsum has been the
+                                    industry's standard dummy text ever since the 1500s,
+                                    when an unknown printer took a galley of type and scrambled
+                                    it to make a type specimen book.
+                                </p>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <div class="row">
+                    <div class="col-sm-6 col-md-3">
+                        <div class="thumbnail">
+                            <img src="/theme_college/static/src/images/gallery-5.jpg"
+                                 alt="..." class="alumni-img"/>
+                            <div class="caption">
+                                <h4>Thumbnail label</h4>
+                                <p>Lorem Ipsum is simply dummy text of the printing
+                                    and typesetting industry. Lorem Ipsum has been the
+                                    industry's standard dummy text ever since the 1500s,
+                                    when an unknown printer took a galley of type and scrambled
+                                    it to make a type specimen book.
+                                </p>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="col-sm-6 col-md-3">
+                        <div class="thumbnail">
+                            <img src="/theme_college/static/src/images/gallery-6.jpg"
+                                 alt="..."
+                                 class="alumni-img"/>
+                            <div class="caption">
+                                <h4>Thumbnail label</h4>
+                                <p>Lorem Ipsum is simply dummy text of the printing
+                                    and typesetting industry. Lorem Ipsum has been the
+                                    industry's standard dummy text ever since the 1500s,
+                                    when an unknown printer took a galley of type and scrambled
+                                    it to make a type specimen book.
+                                </p>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="col-sm-6 col-md-3">
+                        <div class="thumbnail">
+                            <img src="/theme_college/static/src/images/gallery-7.jpg"
+                                 alt="..." class="alumni-img"/>
+                            <div class="caption">
+                                <h4>Thumbnail label</h4>
+                                <p>Lorem Ipsum is simply dummy text of the printing
+                                    and typesetting industry. Lorem Ipsum has been the
+                                    industry's standard dummy text ever since the 1500s,
+                                    when an unknown printer took a galley of type and scrambled
+                                    it to make a type specimen book.
+                                </p>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="col-sm-6 col-md-3">
+                        <div class="thumbnail">
+                            <img src="/theme_college/static/src/images/gallery-8.jpg"
+                                 alt="..." class="alumni-img"/>
+                            <div class="caption">
+                                <h4>Thumbnail label</h4>
+                                <p>Lorem Ipsum is simply dummy text of the printing
+                                    and typesetting industry. Lorem Ipsum has been the
+                                    industry's standard dummy text ever since the 1500s,
+                                    when an unknown printer took a galley of type and scrambled
+                                    it to make a type specimen book.
+                                </p>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </t>
+    </template>
+    <template id="college_contact_us" name="College Contact Us"
+              inherit_id="website.contactus">
+        <!--        The "college_contact_us" template is a customized version of the default-->
+        <!--        Odoo "website.contactus" template, featuring a contact form and company -->
+        <!--        information section. It is designed for use on college websites.-->
+        <xpath expr="//div[@id='wrap']" position="replace">
+            <section class="contact">
+                <div class="contact_main">
+                    <div class="container oe_structure">
+                        <div class="row contact_page">
+                            <div class="col-lg-6 col-md-6 col-12">
+                                <div class="contact_details">
+                                    <div class="heading_c">
+                                        <h2 class="main">Contact Us</h2>
+                                    </div>
+                                    <p class="abt">
+                                        As you might expect of a company that
+                                        began as a high-end interiors
+                                        contractor, we pay strict attention.
+                                    </p>
+                                    <section class="s_website_form"
+                                             data-vcss="001"
+                                             data-snippet="s_website_form">
+                                        <div class="contact_form">
+                                            <span class="hidden"
+                                                  data-for="contactus_form"
+                                                  t-att-data-values="{'email_to': res_company.email}"/>
+                                            <form id="contactus_form"
+                                                  action="/website/form/"
+                                                  method="post"
+                                                  enctype="multipart/form-data"
+                                                  class="o_mark_required"
+                                                  data-mark="*"
+                                                  data-model_name="mail.mail"
+                                                  data-success-mode="redirect"
+                                                  data-success-page="/contactus-thank-you"
+                                                  data-pre-fill="true">
+                                                <div class="s_website_form_rows row s_col_no_bgcolor">
+                                                    <div class="row mb-5">
+                                                        <div class="mb-0 py-2 col-6 s_website_form_field s_website_form_custom s_website_form_required"
+                                                             data-type="char"
+                                                             data-name="Field">
+                                                            <div class="row s_col_no_resize s_col_no_bgcolor">
+                                                                <div class="col-sm">
+                                                                    <input id="contact1"
+                                                                           type="text"
+                                                                           class="form-control s_website_form_input"
+                                                                           name="name"
+                                                                           required=""
+                                                                           placeholder="Your name"/>
+                                                                </div>
+                                                            </div>
+                                                        </div>
+                                                        <div class="mb-0 py-2 col-6 s_website_form_field s_website_form_required"
+                                                             data-type="email"
+                                                             data-name="Field">
+                                                            <div class="row s_col_no_resize s_col_no_bgcolor">
+                                                                <div class="col-sm">
+                                                                    <input id="contact3"
+                                                                           type="email"
+                                                                           class="form-control s_website_form_input"
+                                                                           name="email_from"
+                                                                           required=""
+                                                                           placeholder="Your email"/>
+                                                                </div>
+                                                            </div>
+                                                        </div>
+                                                    </div>
+                                                    <div class="row mb-5">
+                                                        <div class="mb-0 py-2 col-12 s_website_form_field s_website_form_required"
+                                                             data-type="char"
+                                                             data-name="Field">
+                                                            <div class="row s_col_no_resize s_col_no_bgcolor">
+                                                                <div class="col-sm">
+                                                                    <input id="contact5"
+                                                                           type="text"
+                                                                           class="form-control s_website_form_input"
+                                                                           name="subject"
+                                                                           required=""
+                                                                           placeholder="Subject"/>
+                                                                </div>
+                                                            </div>
+                                                        </div>
+                                                    </div>
+                                                    <div class="row mb-5">
+                                                        <div class="mb-0 py-2 col-12 s_website_form_field s_website_form_custom s_website_form_required"
+                                                             data-type="text"
+                                                             data-name="Field">
+                                                            <div class="row s_col_no_resize s_col_no_bgcolor">
+                                                                <div class="col-sm">
+                                                                    <textarea
+                                                                            id="contact6"
+                                                                            class="form-control s_website_form_input"
+                                                                            name="description"
+                                                                            rows="5"
+                                                                            required=""
+                                                                            placeholder="Message"/>
+                                                                </div>
+                                                            </div>
+                                                        </div>
+                                                    </div>
+                                                    <div class="mb-0 py-2 col-12 s_website_form_field s_website_form_dnone">
+                                                        <div class="row s_col_no_resize s_col_no_bgcolor">
+                                                            <div class="col-sm">
+                                                                <input id="contact7"
+                                                                       type="hidden"
+                                                                       class="form-control s_website_form_input"
+                                                                       name="email_to"/>
+                                                            </div>
+                                                        </div>
+                                                    </div>
+                                                    <div class="text-center text-md-left s_website_form_submit"
+                                                         data-name="Submit Button">
+                                                        <div style="width: 200px;"
+                                                             class="s_website_form_label"/>
+                                                        <a href="#"
+                                                           role="button"
+                                                           class="btn btn-primary btn-contact o_website_form_send">
+                                                            Submit
+                                                        </a>
+                                                    </div>
+                                                    <div class="text-center">
+                                                        <span id="s_website_form_result"/>
+                                                    </div>
+                                                </div>
+                                            </form>
+                                        </div>
+                                    </section>
+                                </div>
+                            </div>
+                            <div class="col-lg-6 col-md-6 col-12">
+                                <div class="contact-page-second-col">
+                                    <div class="address">
+                                        <div class="wrapper">
+                                            <ul class="list-unstyled mb-0 ps-2">
+                                                <li>My Company</li>
+                                                <li>
+                                                    <i class="fa fa-map-marker fa-fw me-2"/>
+                                                    <span class="o_force_ltr">
+                                                        3575 Fake Buena Vista
+                                                        Avenue
+                                                    </span>
+                                                </li>
+                                                <li>
+                                                    <i class="fa fa-phone fa-fw me-2"/>
+                                                    <span class="o_force_ltr">+1
+                                                        (650) 555-0111
+                                                    </span>
+                                                </li>
+                                                <li>
+                                                    <i class="fa fa-1x fa-fw fa-envelope me-2"/>
+                                                    <span>
+                                                        info@yourcompany.example.com
+                                                    </span>
+                                                </li>
+                                            </ul>
+                                        </div>
+                                        <div class="wrapper">
+                                            <div class="cc">United states</div>
+                                            <p class="info">195 E Parker Square
+                                                Dr, Parker, CO 801
+                                            </p>
+                                            <p>
+                                                <a href="tel:+4733378901">+47
+                                                    333 78 901
+                                                </a>
+                                            </p>
+                                        </div>
+                                    </div>
+                                    <div>
+                                        <section class="map">
+                                            <div class="map-responsive">
+                                                <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d15658.881983874671!2d75.87971722644363!3d11.134181973268767!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3ba651d1fb20b40b%3A0xd15c44b13dfe431c!2sThenhipalam%2C%20Kerala!5e0!3m2!1sen!2sin!4v1598930664895!5m2!1sen!2sin"
+                                                        width="100%"
+                                                        height="450"
+                                                        frameborder="0"
+                                                        style="border:0;"
+                                                        allowfullscreen=""
+                                                        aria-hidden="false"
+                                                        tabindex="0"/>
+                                            </div>
+                                        </section>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </section>
+        </xpath>
+    </template>
+    <template id="theme_college.college_course" name="Course">
+        <!--        The "theme_college.college_course" template is a course page for a -->
+        <!--        college website, displaying information about different courses offered -->
+        <!--        along with their descriptions and images. The template also includes -->
+        <!--        some custom styling to hide the header.-->
+        <t t-call="website.layout">
+            <!--Course -->
+            <div class="container-fluid">
+                <div class="container oe_structure">
+                    <div class="course">
+                        <div class="container">
+                            <h3 class="tittle">Course</h3>
+                            <div class="course-grids">
+                                <div class="row">
+                                    <div class="col-md-6 course-grid">
+                                        <div class="mask">
+                                            <img src="/theme_college/static/src/images/c1.jpg"
+                                                 class="img-responsive img-fluid zoom-img"/>
+                                        </div>
+                                    </div>
+                                    <div class="col-md-6 course-grid1">
+                                        <h4>Mechanical Engineering</h4>
+                                        <p>Lorem Ipsum is simply dummy text of the printing and
+                                            typesetting industry. Lorem Ipsum has been the industry's
+                                            standard dummy text ever since the 1500s, when an unknown
+                                            printer took a galley of type and scrambled it to make a
+                                            type specimen book. It has survived not only five centuries,
+                                            but also the leap into electronic typesetting, remaining
+                                            essentially unchanged. It was popularised in the 1960s with
+                                            the release of Letraset sheets containing Lorem Ipsum passages,
+                                            and more recently with desktop publishing software like Aldus
+                                            PageMaker including versions of Lorem Ipsum.
+                                        </p>
+                                    </div>
+                                </div>
+                                <div class="clearfix"/>
+                            </div>
+                            <div class="course-grids">
+                                <div class="row">
+                                    <div class="col-md-6 course-grid1">
+                                        <h4>Information Technology</h4>
+                                        <p>Lorem Ipsum is simply dummy text of the printing and
+                                            typesetting industry. Lorem Ipsum has been the industry's
+                                            standard dummy text ever since the 1500s, when an unknown
+                                            printer took a galley of type and scrambled it to make a
+                                            type specimen book. It has survived not only five centuries,
+                                            but also the leap into electronic typesetting, remaining
+                                            essentially unchanged. It was popularised in the 1960s with
+                                            the release of Letraset sheets containing Lorem Ipsum passages,
+                                            and more recently with desktop publishing software like Aldus
+                                            PageMaker including versions of Lorem Ipsum.
+                                        </p>
+                                    </div>
+                                    <div class="col-md-6 course-grid gri">
+                                        <div class="mask">
+                                            <img src="/theme_college/static/src/images/c2.jpg"
+                                                 class="img-responsive img-fluid zoom-img"/>
+                                        </div>
+                                    </div>
+                                </div>
+                                <div class="clearfix"/>
+                            </div>
+                            <div class="course-grids">
+                                <div class="row">
+                                    <div class="col-md-6 course-grid">
+                                        <div class="mask">
+                                            <img src="/theme_college/static/src/images/c3.jpg"
+                                                 class="img-responsive img-fluid zoom-img"/>
+                                        </div>
+                                    </div>
+                                    <div class="col-md-6 course-grid1 ">
+                                        <h4>Computer Science</h4>
+                                        <p>Lorem Ipsum is simply dummy text of the printing and
+                                            typesetting industry. Lorem Ipsum has been the industry's
+                                            standard dummy text ever since the 1500s, when an unknown
+                                            printer took a galley of type and scrambled it to make a
+                                            type specimen book. It has survived not only five centuries,
+                                            but also the leap into electronic typesetting, remaining
+                                            essentially unchanged. It was popularised in the 1960s with
+                                            the release of Letraset sheets containing Lorem Ipsum passages,
+                                            and more recently with desktop publishing software like Aldus
+                                            PageMaker including versions of Lorem Ipsum.
+                                        </p>
+                                    </div>
+                                </div>
+                                <div class="clearfix"/>
+                            </div>
+                            <div class="course-grids">
+                                <div class="row">
+                                    <div class="col-md-6 course-grid1">
+                                        <h4>Chemical Engineering</h4>
+                                        <p>Lorem Ipsum is simply dummy text of the printing and
+                                            typesetting industry. Lorem Ipsum has been the industry's
+                                            standard dummy text ever since the 1500s, when an unknown
+                                            printer took a galley of type and scrambled it to make a
+                                            type specimen book. It has survived not only five centuries,
+                                            but also the leap into electronic typesetting, remaining
+                                            essentially unchanged. It was popularised in the 1960s with
+                                            the release of Letraset sheets containing Lorem Ipsum passages,
+                                            and more recently with desktop publishing software like Aldus
+                                            PageMaker including versions of Lorem Ipsum.
+                                        </p>
+                                    </div>
+                                    <div class="col-md-6 course-grid gri">
+                                        <div class="mask">
+                                            <img src="/theme_college/static/src/images/c4.jpg"
+                                                 class="img-responsive img-fluid zoom-img"/>
+                                        </div>
+                                    </div>
+                                </div>
+                                <div class="clearfix"/>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </t>
+    </template>
+    <template id="theme_college.college_facility" name="Facility">
+        <!--        The "college_facility" template displays a webpage section showcasing -->
+        <!--        the facilities available at a college. It includes an image, a title,-->
+        <!--        and a description of the facility.-->
+        <!--Course -->
+        <t t-call="website.layout">
+            <div class="container-fluid">
+                <div class="container oe_structure">
+                    <div class="facility">
+                        <div class="container">
+                            <h3 class="tittle">Facilities</h3>
+                            <div class="course-grids">
+                                <div class="row">
+                                    <div class="col-md-6 course-grid">
+                                        <div class="mask">
+                                            <img src="/theme_college/static/src/images/c3.jpg"
+                                                 class="img-responsive zoom-img"/>
+                                        </div>
+                                    </div>
+                                    <div class="col-md-6 course-grid1 gri">
+                                        <h4>In pulvinar lectus</h4>
+                                        <p>Lorem ipsum dolor sit amet,
+                                            consectetuer adipiscing elit.
+                                            Suspendisse et
+                                            justo. Praesent mattis commodo
+                                            augue. Aliquam ornare hendrerit
+                                            augue. Cras
+                                            tellus. In pulvinar lectus a est.
+                                            Curabitur eget orciLorem ipsum dolor
+                                            sit
+                                            amet, consectetuer adipiscing elit.
+                                            Suspendisse et justo. Praesent
+                                            mattis
+                                            commodo augue. Aliquam ornare
+                                            hendrerit augue. Cras tellus. In
+                                            pulvinar
+                                            lectus a est. Curabitur eget orci..
+                                        </p>
+                                        <p>Lorem ipsum dolor sit amet,
+                                            consectetuer adipiscing elit.
+                                            Suspendisse et
+                                            justo. Praesent mattis commodo
+                                            augue. Aliquam ornare hendrerit
+                                            augue. Cras
+                                            tellus. In pulvinar lectus a est.
+                                            Curabitur eget orci.
+                                        </p>
+                                    </div>
+                                </div>
+                                <div class="clearfix"/>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </t>
+    </template>
+    <template id="theme_college.college_gallery" name="Gallery">
+        <!--        This is a template for a college website's gallery and achievements -->
+        <!--        page, with a responsive grid layout for displaying images and -->
+        <!--        information about college rankings and achievements.-->
+        <t t-call="website.layout">
+            <!-- Achievements -->
+            <div class="gallery" id="achievements">
+                <div class="container oe_structure">
+                    <h3>Achievements</h3>
+                    <div class="s_three_columns o_mail_snippet_general o_cc o_cc2 pt32 pb32">
+                        <div class="container">
+                            <div class="row d-flex align-items-stretch">
+                                <div class="col-lg-4 s_col_no_bgcolor pt16 pb16">
+                                    <div class="card text-bg-white h-100">
+
+                                        <img class="card-img-top"
+                                             src="/theme_college/static/src/images/c1.jpg"
+                                             alt=""/>
+                                        <div class="card-body">
+                                            <h4 class="card-title">College life
+                                                Rank 5
+                                            </h4>
+                                            <p class="card-text">Adapt these
+                                                three columns to fit your
+                                                design need. To duplicate,
+                                                delete or move columns, select
+                                                the column and use the top icons
+                                                to perform your action.
+                                            </p>
+                                        </div>
+                                    </div>
+                                </div>
+                                <div class="col-lg-4 s_col_no_bgcolor pt16 pb16">
+                                    <div class="card text-bg-white h-100">
+                                        <img class="card-img-top"
+                                             src="/theme_college/static/src/images/c2.jpg"
+                                             alt=""/>
+                                        <div class="card-body">
+                                            <h4 class="card-title">Education
+                                                Rank 4
+                                            </h4>
+                                            <p class="card-text">To add a fourth
+                                                column, reduce the size of
+                                                these three columns using the
+                                                right icon of each block.
+                                                Then, duplicate one of the
+                                                columns to create a new one as a
+                                                copy.
+                                            </p>
+                                        </div>
+                                    </div>
+                                </div>
+                                <div class="col-lg-4 s_col_no_bgcolor pt16 pb16">
+                                    <div class="card text-bg-white h-100">
+                                        <img class="card-img-top"
+                                             src="/theme_college/static/src/images/c3.jpg"
+                                             alt=""/>
+                                        <div class="card-body">
+                                            <h4 class="card-title">Sports Rank
+                                                7
+                                            </h4>
+                                            <p class="card-text">Delete the
+                                                above image or replace it with a
+                                                picture that illustrates your
+                                                message. Click on the picture
+                                                to change its <em>rounded
+                                                    corner
+                                                </em> style.
+                                            </p>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+
+                </div>
+            </div>
+            <!-- Gallery -->
+            <div class="gallery" id="gallery">
+                <div class="container">
+                    <h3>GALLERY</h3>
+                    <t t-call="website.s_images_wall"/>
+                </div>
+            </div>
+        </t>
+    </template>
+    <template id="theme_college.college_location_country"
+              name="College Location Country">
+        <!-- This is a webpage template for a College Location, -->
+        <!-- with the name "theme_college.college_location_country".-->
+        <t t-call="website.layout">
+            <div class="container-fluid">
+                <div class="container oe_structure">
+                    <div class="location">
+                        <div class="container">
+                            <h3 class="tittle">
+                                <t t-esc="college_location.country_id.name"/>
+                            </h3>
+                            <div class="course-grids">
+                                <p>
+                                    <t t-esc="college_location.description"/>
+                                </p>
+                                <img t-attf-src="/web/image?model=college.location&amp;field=image&amp;id=#{college_location.id}"
+                                     class="img img-fluid rotate-center"
+                                     alt="" loading="lazy"/>
+
+                                <p>Location:
+                                    <t t-esc="college_location.location"/>
+                                </p>
+                                <p>Phone:
+                                    <t t-esc="college_location.phone"/>
+                                </p>
+                                <p>Email:
+                                    <t t-esc="college_location.email"/>
+                                </p>
+                                <div class="clearfix"/>
+                            </div>
+                            <div class="course-grids">
+                                <h4>About Us</h4>
+                                <p>
+                                    <t t-esc="college_location.about_us"/>
+                                </p>
+                                <div class="clearfix"/>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </t>
+    </template>
+    <template id="college_snippet" inherit_id="website.snippets"
+              name="College Snippets">
+        <!--        The "college_snippet" template adds four snippets related to a college -->
+        <!--        website: a scholarship form, a list of college partners, a map of the -->
+        <!--        college location, and a home banner.-->
+        <xpath expr="//div[@id='snippet_feature']/div[hasclass('o_panel_body')]"
+               position="inside">
+            <!--        Scholarship Form-->
+            <t t-snippet="theme_college.college_scholarship_form"
+               t-thumbnail="/website/static/src/img/snippets_thumbs/s_website_form.svg"/>
+            <!--        College Partner-->
+            <t t-snippet="theme_college.college_partner"
+               t-thumbnail="/website/static/src/img/snippets_thumbs/s_product_list.svg"/>
+            <!--        College Location-->
+            <t t-snippet="theme_college.college_location"
+               t-thumbnail="/theme_college/static/src/images/location.jpg"/>
+            <!--        Home Banner-->
+            <t t-snippet="theme_college.home_college_banner"
+               t-thumbnail="/website/static/src/img/snippets_thumbs/s_carousel.svg"
+            />
+        </xpath>
+    </template>
+    <template id="college_scholarship_form" name="College Scholarship Form">
+        <!--        The "college_scholarship_form" template is a two-column layout that -->
+        <!--        displays a form for submitting a scholarship application on one side, -->
+        <!--        and an image on the other side. The form includes fields for name, -->
+        <!--        email, subject, and a message, and a submit button.-->
+        <Section class="scholarship_form">
+            <div class="container oe_structure">
+                <div class="row pb-5 scholarship">
+                    <div class="col-lg-6 col-md-6 col-sm-12 pt-5">
+                        <div class="card ">
+                            <h3>Scholarship Form</h3>
+                            <section class="s_website_form" data-vcss="001"
+                                     data-snippet="s_website_form">
+                                <div class="contact_form">
+                                    <span class="hidden"
+                                          data-for="contactus_form"
+                                          t-att-data-values="{'email_to': res_company.email}"/>
+                                    <form id="contactus_form"
+                                          action="/website/form/" method="post"
+                                          enctype="multipart/form-data"
+                                          class="o_mark_required"
+                                          data-mark="*"
+                                          data-model_name="mail.mail"
+                                          data-success-mode="redirect"
+                                          data-success-page="/contactus-thank-you"
+                                          data-pre-fill="true">
+                                        <div class="s_website_form_rows row s_col_no_bgcolor">
+                                            <div class="row mb-5">
+                                                <div class="mb-0 py-2 col-6 s_website_form_field s_website_form_custom s_website_form_required"
+                                                     data-type="char"
+                                                     data-name="Field">
+                                                    <div class="row s_col_no_resize s_col_no_bgcolor">
+                                                        <div class="col-sm">
+                                                            <input id="contact1"
+                                                                   type="text"
+                                                                   class="form-control s_website_form_input"
+                                                                   name="name"
+                                                                   required=""
+                                                                   placeholder="Your name"/>
+                                                        </div>
+                                                    </div>
+                                                </div>
+                                                <div class="mb-0 py-2 col-6 s_website_form_field s_website_form_required"
+                                                     data-type="email"
+                                                     data-name="Field">
+                                                    <div class="row s_col_no_resize s_col_no_bgcolor">
+                                                        <div class="col-sm">
+                                                            <input id="contact3"
+                                                                   type="email"
+                                                                   class="form-control s_website_form_input"
+                                                                   name="email_from"
+                                                                   required=""
+                                                                   placeholder="Your email"/>
+                                                        </div>
+                                                    </div>
+                                                </div>
+                                            </div>
+                                            <div class="row mb-5">
+                                                <div class="mb-0 py-2 col-12 s_website_form_field s_website_form_required"
+                                                     data-type="char"
+                                                     data-name="Field">
+                                                    <div class="row s_col_no_resize s_col_no_bgcolor">
+                                                        <div class="col-sm">
+                                                            <input id="contact5"
+                                                                   type="text"
+                                                                   class="form-control s_website_form_input"
+                                                                   name="subject"
+                                                                   required=""
+                                                                   placeholder="Subject"/>
+                                                        </div>
+                                                    </div>
+                                                </div>
+                                            </div>
+                                            <div class="row mb-5">
+                                                <div class="mb-0 py-2 col-12 s_website_form_field s_website_form_custom s_website_form_required"
+                                                     data-type="text"
+                                                     data-name="Field">
+                                                    <div class="row s_col_no_resize s_col_no_bgcolor">
+                                                        <div class="col-sm">
+                                                            <textarea
+                                                                    id="contact6"
+                                                                    class="form-control s_website_form_input"
+                                                                    name="description"
+                                                                    rows="5"
+                                                                    required=""
+                                                                    placeholder="Message"/>
+                                                        </div>
+                                                    </div>
+                                                </div>
+                                            </div>
+                                            <div class="mb-0 py-2 col-12 s_website_form_field s_website_form_dnone">
+                                                <div class="row s_col_no_resize s_col_no_bgcolor">
+                                                    <div class="col-sm">
+                                                        <input id="contact7"
+                                                               type="hidden"
+                                                               class="form-control s_website_form_input"
+                                                               name="email_to"/>
+                                                    </div>
+                                                </div>
+                                            </div>
+                                            <div class="text-center text-md-left s_website_form_submit"
+                                                 data-name="Submit Button">
+                                                <div style="width: 200px;"
+                                                     class="s_website_form_label"/>
+                                                <a href="#" role="button"
+                                                   class="btn btn-primary btn-contact o_website_form_send">
+                                                    Submit
+                                                </a>
+                                            </div>
+                                            <div class="text-center">
+                                                <span id="s_website_form_result"/>
+                                            </div>
+                                        </div>
+                                    </form>
+                                </div>
+                            </section>
+                        </div>
+                    </div>
+                    <div class=" col-lg-6 col-md-6 col-sm-12 pt-5">
+                        <div class="scholarship_img">
+                            <img class="img-fluid"
+                                 src="/theme_college/static/src/images/img1.png"/>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </Section>
+    </template>
+    <template id="college_partner" name="College Partners">
+        <!--        The template is a section named "College Partners" that displays logos -->
+        <!--        of partner companies in a grid format for a college's placement cell.-->
+        <section class="partner">
+            <div class="container">
+                <h1>PLACEMENT <span>CELL</span></h1>
+            </div>
+            <div class="container oe_structure">
+                <div class="wrapper">
+                    <div class="row company">
+                        <div class="col-lg-2 col-md-4 col-sm-4 col-6">
+                            <img src="/theme_college/static/src/images/partner/logo1.jpg"/>
+                        </div>
+                        <div class="col-lg-2 col-md-4 col-sm-4 col-6">
+                            <img src="/theme_college/static/src/images/partner/logo2.jpg"/>
+                        </div>
+                        <div class="col-lg-2 col-md-4 col-sm-4 col-6">
+                            <img src="/theme_college/static/src/images/partner/logo3.jpg"/>
+                        </div>
+                        <div class="col-lg-2 col-md-4 col-sm-4 col-6">
+                            <img src="/theme_college/static/src/images/partner/logo4.jpg"/>
+                        </div>
+                        <div class="col-lg-2 col-md-4 col-sm-4 col-6">
+                            <img src="/theme_college/static/src/images/partner/logo2.jpg"/>
+                        </div>
+                        <div class="col-lg-2 col-md-4 col-sm-4 col-6">
+                            <img src="/theme_college/static/src/images/partner/logo1.jpg"/>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </section>
+    </template>
+    <template id="college_location" name="College Location">
+        <!--        The "college_location" template is a snippet of code that provides -->
+        <!--        a basic structure for displaying information about the location of-->
+        <!--        a college. It includes a banner, a container for the product tab snippet,-->
+        <!--        and some placeholder text indicating that the snippet needs to be saved to view it.-->
+        <section class="college_location_class">
+            <div class="banner_added">
+                <div class="container">
+                    <div class="alert alert-info">
+                        <h4>Your college location snippet will be displayed here.
+                            Please save to view the snippet.
+                        </h4>
+                    </div>
+                </div>
+            </div>
+        </section>
+    </template>
+    <template id="empty_location" name="College Location">
+    <!--This label will be shown if there is no location-->
+        <section class="college_location_class">
+            <div class="banner_added">
+                <div class="container">
+                    <div class="alert alert-info">
+                        <h4>Please add college location.
+                        </h4>
+                    </div>
+                </div>
+            </div>
+        </section>
+    </template>
+    <template id="college_locations" name="College Locations">
+        <!--        The "college_locations" template is a structured code snippet designed -->
+        <!--        to display multiple college locations. It features a title, a container -->
+        <!--        for the locations, and a loop that iterates over each location to display -->
+        <!--        its details, including an image, college name, and country. The template -->
+        <!--        provides a visually appealing and user-friendly layout for showcasing -->
+        <!--        different college locations.-->
+        <section class="college_location text-center oe_structure oe_empty">
+            <div class="container">
+                <h1>COLLEGE <span>LOCATIONS</span></h1>
+                <div class="row">
+                    <t t-foreach="college_location" t-as="college_location">
+                        <div class="col-lg-3 col-md-4 col-sm-6 col-12 filter hdpe">
+                            <a t-attf-href="/college_location/#{college_location.id}">
+                                <div class="wrapper">
+                                    <div class="img_wrapper">
+                                        <img t-attf-src="/web/image?model=college.location&amp;field=image&amp;id=#{college_location.id}"
+                                             class="img img-fluid rotate-center"
+                                             alt="" loading="lazy"/>
+                                    </div>
+                                    <div class="img_details">
+                                        <h5 class="product_name">
+                                            <span t-if="college_location"
+                                                  t-esc="college_location.country_id.name"/>
+                                        </h5>
+                                    </div>
+                                </div>
+                            </a>
+                        </div>
+                    </t>
+                </div>
+            </div>
+        </section>
+    </template>
+    <template id="home_college_banner" name="College Banner">
+        <!--        The "College Banner" template creates a carousel that displays -->
+        <!--        three different banners with text and buttons for users to learn -->
+        <!--        more about studying efficiently, campus life, and gaining knowledge. -->
+        <!--        The banners are designed to be visually appealing and engaging -->
+        <!--        for website visitors.-->
+        <section class="banner">
+            <div id="carouselExampleIndicators" class="carousel slide"
+                 data-bs-ride="carousel">
+                <ol class="carousel-indicators">
+                    <li data-bs-target="#carouselExampleIndicators"
+                        data-bs-slide-to="0" class="active"/>
+                    <li data-bs-target="#carouselExampleIndicators"
+                        data-bs-slide-to="1"/>
+                    <li data-bs-target="#carouselExampleIndicators"
+                        data-bs-slide-to="2"/>
+                </ol>
+                <div class="carousel-inner">
+                    <div class="carousel-item active">
+                        <div class="banner-1">
+                            <div class="card text-center">
+                                <div class="card-body">
+                                    <h5 class="card-title">Study Efficient
+                                        <br/>
+                                        <span>Make more.</span>
+                                    </h5>
+                                    <p class="card-text">Knowledge
+                                    </p>
+                                    <a href="#" class="btn btn-primary">
+                                        Learn More
+                                    </a>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="carousel-item">
+                        <div class="banner-2">
+                            <div class="card text-center">
+                                <div class="card-body">
+                                    <h5 class="card-title">Campus Life
+                                        <br/>
+                                        <span>New Home</span>
+                                    </h5>
+                                    <p class="card-text">Something More
+                                    </p>
+                                    <a href="#" class="btn btn-primary">
+                                        Learn More
+                                    </a>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="carousel-item">
+                        <div class="banner-3">
+                            <div class="card text-center">
+                                <div class="card-body">
+                                    <h5 class="card-title">Study Efficient
+                                        <br/>
+                                        <span>Make more</span>
+                                    </h5>
+                                    <p class="card-text">Knowledge
+                                    </p>
+                                    <a href="#" class="btn btn-primary">
+                                        Learn More
+                                    </a>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <a class="carousel-control-prev"
+                   href="#carouselExampleIndicators" role="button"
+                   data-bs-slide="prev">
+                    <span class="carousel-control-prev-icon"
+                          aria-hidden="true"/>
+                    <span class="sr-only">Previous</span>
+                </a>
+                <a class="carousel-control-next"
+                   href="#carouselExampleIndicators" role="button"
+                   data-bs-slide="next">
+                    <span class="carousel-control-next-icon"
+                          aria-hidden="true"/>
+                    <span class="sr-only">Next</span>
+                </a>
+            </div>
+        </section>
+    </template>
+</odoo>

theme_college/views/website_templates.xml

@@ -0,0 +1,89 @@
+<?xml version="1.0" encoding="UTF-8" ?>
+<odoo>
+    <template id="custom_message" inherit_id="website.layout"
+              name="Custom Header and Footer">
+        <!--        This is a custom header and footer template for a website, which includes -->
+        <!--        HTML, CSS, and FontAwesome links in the header, and a customized footer-->
+        <!--        with product and service information, contact details, and social media links.-->
+        <!--        Header-->
+        <xpath expr="//div[@id='wrapwrap']/main" position="before">
+            <html lang="en">
+                <head>
+                    <meta charset="UTF-8"/>
+                    <meta name="viewport"
+                          content="width=device-width, initial-scale=1.0"/>
+                    <link rel="stylesheet"
+                          href="/theme_college/static/src/css/theme_college.css"/>
+                    <link rel="stylesheet"
+                          href="https://use.fontawesome.com/releases/v5.7.0/css/all.css"
+                          integrity="sha384-lZN37f5QGtY3VHgisS14W3ExzMWZxybE1SJSEsQp9S+oqd12jhcu+A56Ebc1zFSJ"
+                          crossorigin="anonymous"/>
+                </head>
+            </html>
+        </xpath>
+        <!--        Footer-->
+        <xpath expr="//div[@id='footer']" position="replace">
+            <footer class="footer">
+                <div class="container" id="footer">
+                    <div class="row">
+                        <div class="col-12 col-lg-4 col-md-12 col-sm-12">
+                            <div class="footer_part">
+                                <h4>Our Product and Services</h4>
+                                <p class="fp">
+                                    <a href="/" class="btn btn-quoteF">Home</a>
+                                </p>
+                                <p class="fp">
+                                    <a href="/livechat" class="btn btn-quoteF">
+                                        Live Chat Support
+                                    </a>
+                                </p>
+                            </div>
+                        </div>
+                        <div class="col-12 col-lg-4 col-md-6 col-sm-12">
+                            <h4>Contact Us</h4>
+                            <address class="fp">
+                                <div t-field="res_company.partner_id"
+                                     t-options='{
+                                    "widget": "contact",
+                                    "fields": ["name", "address", "phone", "mobile", "email"]}'/>
+                            </address>
+                            <div class="footer_icons">
+                                <ul>
+                                    <a href="#">
+                                        <li class="fab fa-facebook-f fb"
+                                            aria-hidden="true"/>
+                                    </a>
+                                    <a href="#">
+                                        <li class="fab fa-twitter tw"
+                                            aria-hidden="true"/>
+                                    </a>
+                                    <a href="#">
+                                        <li class="fab fa-google-plus-g gg"
+                                            aria-hidden="true"/>
+                                    </a>
+                                    <a href="#">
+                                        <li class="fab fa-dribbble dr"
+                                            aria-hidden="true"/>
+                                    </a>
+                                </ul>
+                            </div>
+                        </div>
+                        <div class="col-12 col-lg-4 col-md-6 col-sm-12">
+                            <h4>About Us</h4>
+                            <p class="fp">
+                                We are a team of passionate people whose goal is
+                                to improve
+                                everyone's life through disruptive products. We
+                                build great products
+                                to solve your business problems.
+                                Our products are designed for small to medium
+                                size companies
+                                willing to optimize their performance.
+                            </p>
+                        </div>
+                    </div>
+                </div>
+            </footer>
+        </xpath>
+    </template>
+</odoo>