Jun 21 : [ADD] Initial Commit 'theme_college'

theme_college/README.rst

@@ -0,0 +1,46 @@
+.. image:: https://img.shields.io/badge/licence-LGPL--3-blue.svg
+    :target: http://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.odoo.com/documentation/user/16.0/legal/licenses/licenses.html)
+
+Company
+-------
+* `Cybrosys Techno Solutions <https://cybrosys.com/>`__
+
+Credits
+-------
+* Developer:
+Rahul Rajeev @ cybrosys
+
+Contacts
+--------
+* Mail Contact : odoo@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,24 @@
+# -*- 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,67 @@
+# -*- 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": "16.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.png',
+            'static/description/theme_screenshot.png',
+        ],
+    "depends": [
+        'base',
+        'web',
+        'website',
+        '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,72 @@
+# -*- 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')
+        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>
+
+#### 05.06.2023
+#### Version 16.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,260 @@
+<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;">
+                    Theme College is a new kind of Theme. The theme is a very user-friendly and is suitable for your
+                    educational institutions website.
+                    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.
+                </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">
+                    It is easy to customize and use. Just drag and drop the building blocks to make attractive
+                    webpages.
+                </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">
+                    User friendly and modern looking theme makes your page more Stylish And Beautiful.
+                </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 easy to customize and use. Just drag and drop the building blocks to make
+                            attractive
+                            webpages.Customizable building blocks in home page design helps you to edit them as per
+                            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">
+                            The course display you all the courses in a stylish way. It displaying 1 course in a row and it
+                            will attract your viewers.
+                        </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 display you all the facilities in a stylish way. It displaying 1 facility in a row and it
+                            will attract your viewers. it will display the all needed details
+                            of
+                            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">
+                            The gallery display you all the images in a stylish way. It displaying 3 images in a row and it
+                            will attract your viewers.
+                        </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">
+                            The alumni display you all the alumni in a stylish way. It displaying 4 alumni in a row and it
+                            will attract your 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;">If you have anything to share with
+                    us
+                    based
+                    on
+                    your use of this module, please let us know. We are ready to offer our support.</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,969 @@
+@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;
+}
+.header{
+	background-color: #00b140 !important;
+}
+.navbar {
+    margin-bottom: 0px !important;
+    border-radius: 0px !important;
+    position: fixed;
+    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 !important;
+	font-size:16px !important;
+
+}
+.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{
+	padding:50px 0px;
+}
+.about-w3-agile, .contactus_font, .aboutus_font{
+	padding:50px 0px;
+	padding-bottom:0px;
+}
+.about-w3-agile h3,.gallery h3,.course h3, .faclility 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;
+}
+
+.about-w3-agile h3:before, .gallery h3:before, .course h3:before, .faclility 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, .faclility 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%;
+}
+ .faclility h3:before{
+	 width:12% ;
+}
+.faclility 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:10% ;
+}
+.about-w3-agile h3:after, .course h3:after, .gallery h3:after{
+	width:4% ;
+}*/
+.about-w3-agile h3 {
+    margin-top: 30px;
+}
+.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 --*/
+/*-- Alumini --*/
+.alumini h4{
+	color:#ff6900;
+	text-align:left;
+}
+.alumini p{
+	color:#7c7c7c;
+	font-size:13px;
+
+}
+
+.alumini .thumbnail {
+    padding: 0px !important;
+    border: 1px solid #d7d7d7 !important;
+    border-radius: 0px !important;
+}
+/*-- //Alumini --*/
+
+
+/*-- courses --*/
+.course{
+
+}
+
+.course h4{
+	color:#ff6900;
+	text-align:left;
+}
+.course p{
+	color:#7c7c7c;
+	font-size:18px !important;
+
+}
+.course ul{
+	padding-left:0px;
+}
+.course li{
+	color:#7c7c7c;
+	font-size:13px;
+	list-style:none;
+}
+.course-grids{
+	margin-bottom:50px;
+}
+.course-grids .glyphicon {
+   color: #ff6900;
+}
+
+
+/*-- //courses --*/
+
+.faclility h4{
+	color:#ff6900;
+	text-align:left;
+}
+.faclility p{
+	color:#7c7c7c;
+	font-size:18px !important;
+}
+.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;
+}
+
+.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;
+}
+
+.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;
+}
+.faclility {
+    margin-top: 56px;
+}
+.location {
+    margin-top: 56px;
+}
+.gallery{
+    margin-top: 10px;
+}
+.navbar-light .navbar-nav .nav-link.active {
+    color: orange !important;
+}
+.navbar-light .navbar-nav .nav-link {
+    color: white !important;
+}
+.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: 74px;
+}
+
+.scholarship_form {
+  background-color: #f4f4f4;
+  margin-top: 45px;
+}
+
+.scholarship_form .card {
+  background: transparent;
+  border: none;
+  padding-top: 40px;
+}
+
+.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 h3 {
+    color: #a3a4a6;
+    font-size: 40px;
+    font-weight: 600;
+    text-align: center;
+    margin-bottom: 20px;
+}
+
+.college_location {
+  margin-top: 90px;
+}
+
+.college_location h1 {
+  font-weight: 700;
+  margin-bottom: 10px;
+}
+
+.college_location h1 span {
+  color: #9be384;
+}
+.college_location h1 {
+  color: #a3a4a6;
+}
+
+.college_location p {
+  color: #6b778d;
+  font-size: 16px;
+}
+
+.college_location .favourites img {
+  border-radius: 50%;
+  width: 100%;
+}
+
+.college_location .favourites h5 {
+  padding-top: 20px;
+  color: #a3a4a6;
+  font-weight: 600;
+}
+
+@media screen and (max-width: 991px) {
+  .college_location .favourites 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,22 @@
+odoo.define('theme_college.college_location', function(require){
+    'use strict';
+
+    var Animation = require('website.content.snippets.animation');
+    var ajax = require('web.ajax');
+
+    //    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.
+    Animation.registry.get_product_tab = Animation.Class.extend({
+        selector : '.college_location_class',
+        start: function(){
+            var self = this;
+            ajax.jsonRpc('/get_college_locations', 'call', {})
+            .then(function (data) {
+                if(data){
+                    self.$target.empty().append(data);
+                }
+            });
+        }
+    });
+});

theme_college/views/college_location_views.xml

@@ -0,0 +1,62 @@
+<?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,30 @@
+<?xml version="1.0" encoding="UTF-8" ?>
+<odoo>
+    <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>
+
+    <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>
+
+    <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>
+
+    <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/website_templates.xml

@@ -0,0 +1,149 @@
+<?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/style.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>
+    <template id="template_header_default"
+              inherit_id="website.template_header_default"
+              name="Template Header Theme College" active="True">
+        <!--        The "Template Header Theme College" is a custom template that replaces -->
+        <!--        the default navbar with a modified version that includes menu items, -->
+        <!--        sign-in options, a user dropdown, a language selector, and a call-to-action button.-->
+        <xpath expr="//t [@t-call='website.navbar']" position="replace">
+            <t t-call="website.navbar">
+                <t t-set="_navbar_classes" t-valuef="shadow-sm"/>
+                <div id="top_menu_container"
+                     class="container justify-content-start justify-content-lg-between">
+                    <!-- Brand -->
+                    <t t-call="website.placeholder_header_brand">
+                        <t t-set="_link_class" t-valuef="mr-4"/>
+                    </t>
+                    <!-- Navbar Collapse -->
+                    <div id="top_menu_collapse"
+                         class="collapse navbar-collapse order-last order-lg-0">
+                        <t t-call="website.navbar_nav">
+                            <t t-set="_nav_class" t-valuef="flex-grow-1"/>
+                            <!-- Menu -->
+                            <t t-foreach="website.menu_id.child_id"
+                               t-as="submenu">
+                                <t t-call="website.submenu">
+                                    <t t-set="item_class" t-valuef="nav-item"/>
+                                    <t t-set="link_class" t-valuef="nav-link"/>
+                                </t>
+                            </t>
+                            <!-- Sign In -->
+                            <t t-call="portal.placeholder_user_sign_in">
+                                <t t-set="_item_class"
+                                   t-valuef="nav-item ml-lg-auto"/>
+                                <t t-set="_link_class"
+                                   t-valuef="nav-link font-weight-bold"/>
+                            </t>
+                            <!-- User Dropdown -->
+                            <t t-call="portal.user_dropdown">
+                                <t t-set="_user_name" t-value="true"/>
+                                <t t-set="_item_class"
+                                   t-valuef="nav-item dropdown ml-lg-auto"/>
+                                <t t-set="_link_class"
+                                   t-valuef="nav-link font-weight-bold"/>
+                            </t>
+                            <!-- Language Selector -->
+                            <t t-call="website.placeholder_header_language_selector">
+                                <t t-set="_div_classes"
+                                   t-valuef="nav-item my-auto ml-lg-2"/>
+                            </t>
+                        </t>
+                    </div>
+                    <!-- Call To Action -->
+                    <t t-call="website.placeholder_header_call_to_action"/>
+                    <!-- Navbar Toggler -->
+                    <t t-call="website.navbar_toggler">
+                        <t t-set="_toggler_class" t-valuef="ml-auto"/>
+                    </t>
+                </div>
+            </t>
+        </xpath>
+    </template>
+</odoo>