Jun 7 [ADD] : Initial Commit 'theme_college'

theme_college/README.rst

@@ -0,0 +1,47 @@
+.. 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/14.0/setup/install.html
+    - Install our custom addon
+
+License
+-------
+General Public License, Version 3 (LGPL v3).
+(https://www.odoo.com/documentation/user/14.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,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,63 @@
+# -*- 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": "14.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",
+    "depends": [
+        'base',
+        'web',
+        'website',
+        'website_livechat',
+        'website_form',
+    ],
+    'images': [
+        'static/description/banner.png',
+        'static/description/hero.png',
+    ],
+    "data": [
+        'security/ir.model.access.csv',
+        'views/assets.xml',
+        'views/college_location_views.xml',
+        'views/theme_college_menus.xml',
+        'views/website_templates.xml',
+        'views/theme_college_templates.xml',
+    ],
+    '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 main

theme_college/controllers/main.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):
+        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>
+
+#### 14.03.2023
+#### Version 14.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,258 @@
+<!-- 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>

theme_college/static/src/css/theme_college.css

@@ -0,0 +1,968 @@
+@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-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 {
+    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: 20px !important;
+}
+
+.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;
+}
+
+img.img-responsive.zoom-img {
+    width: 100%;
+}
+
+a.btn.btn-primary.btn-lg.s_website_form_send.o_default_snippet_text{
+    margin-top: 10px;
+}

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/assets.xml

@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="utf-8"?>
+<odoo>
+    <template id="theme_college_assets" inherit_id="web.assets_frontend">
+        <!--            The "theme_college_assets" template extends the "web.assets_frontend" -->
+        <!--            template and adds additional assets for a college theme. It injects-->
+        <!--            a CSS file and a JavaScript file into the web page, allowing for custom -->
+        <!--            styling and functionality related to college themes.-->
+        <xpath expr="//link[last()]" position="after">
+            <link rel="stylesheet" type="text/css"
+                  href="/theme_college/static/src/css/theme_college.css"/>
+        </xpath>
+        <xpath expr="//script[last()]" position="after">
+            <script type="text/javascript"
+                    src="/theme_college/static/src/js/college_location.js"/>
+        </xpath>
+    </template>
+</odoo>

theme_college/views/college_location_views.xml

@@ -0,0 +1,63 @@
+<?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,27 @@
+<?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/theme_college_templates.xml

@@ -0,0 +1,979 @@
+<?xml version="1.0" encoding="UTF-8" ?>
+<odoo>
+    <template id="theme_college.college_alumni" name="Alumni">
+        <!--        The "theme_college.college_alumni" template is used to display a section-->
+        <!--        dedicated to alumni on a college-themed webpage. It inherits the "website.layout"-->
+        <!--        template and includes a container with multiple rows and columns. Each column -->
+        <!--        represents an alumnus and includes a thumbnail image, a label, and a description. -->
+        <!--        The template provides a visually appealing layout to showcase and provide information-->
+        <!--        about college alumni.-->
+        <t t-call="website.layout">
+            <style>
+                .home_header{
+                display: none;
+                }
+            </style>
+            <!-- Alumni -->
+            <div class="container  paddb50 alumini">
+                <div class="about-w3-agile">
+                    <h3>Alumni</h3>
+                </div>
+                <div class="row">
+                    <div class="col-sm-6 col-md-3">
+                        <div class="thumbnail">
+                            <img src="http://www.consumer.es/imgs/2016/12/comprar-online-seguridad-consejos.jpg"
+                                 alt="..." class="alumni-img"/>
+                            <div class="caption">
+                                <h4>Thumbnail label</h4>
+                                <p>Lorem ipsum dolor sit amet, consectetur
+                                    adipisicing elit,
+                                    sed do eiusmod tempor incididunt ut labore
+                                    et dolore magna aliqua.
+                                    Ut enim ad minim veniam. Lorem ipsum dolor
+                                    sit amet, consectetur adipisicing elit,
+                                    sed do eiusmod tempor
+                                </p>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="col-sm-6 col-md-3">
+                        <div class="thumbnail">
+                            <img src="http://www.consumer.es/imgs/2016/12/dropbox-alojamiento-nube.jpg"
+                                 alt="..."
+                                 class="alumni-img"/>
+                            <div class="caption">
+                                <h4>Thumbnail label</h4>
+                                <p>LLorem ipsum dolor sit amet, consectetur
+                                    adipisicing elit, sed do eiusmod tempor
+                                    incididunt ut labore et dolore magna aliqua.
+                                    Ut enim ad minim veniam. Lorem ipsum
+                                    dolor sit amet, consectetur adipisicing
+                                    elit, sed do eiusmod tempor
+                                </p>
+                            </div>
+                        </div>
+                    </div>
+
+                    <div class="col-sm-6 col-md-3">
+                        <div class="thumbnail">
+                            <img src="http://www.consumer.es/imgs/2016/06/compraenredessociales-sophia-portada1-750.png"
+                                 alt="..." class="alumni-img"/>
+                            <div class="caption">
+                                <h4>Thumbnail label</h4>
+                                <p>Lorem ipsum dolor sit amet, consectetur
+                                    adipisicing elit,
+                                    sed do eiusmod tempor incididunt ut labore
+                                    et dolore magna aliqua. Ut enim ad minim
+                                    veniam.
+                                    Lorem ipsum dolor sit amet, consectetur
+                                    adipisicing elit, sed do eiusmod tempor
+                                </p>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="col-sm-6 col-md-3">
+                        <div class="thumbnail">
+                            <img src="http://www.consumer.es/imgs/2016/12/dropbox-alojamiento-nube.jpg"
+                                 alt="..."
+                                 class="alumni-img"/>
+                            <div class="caption">
+                                <h4>Thumbnail label</h4>
+                                <p>LLorem ipsum dolor sit amet, consectetur
+                                    adipisicing elit,
+                                    sed do eiusmod tempor incididunt ut labore
+                                    et dolore magna aliqua. Ut enim ad minim
+                                    veniam.
+                                    Lorem ipsum dolor sit amet, consectetur
+                                    adipisicing elit, sed do eiusmod tempor
+                                </p>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <div class="row">
+                    <div class="col-sm-6 col-md-3">
+                        <div class="thumbnail">
+                            <img src="http://www.consumer.es/imgs/2016/12/comprar-online-seguridad-consejos.jpg"
+                                 alt="..." class="alumni-img"/>
+                            <div class="caption">
+                                <h4>Thumbnail label</h4>
+                                <p>Lorem ipsum dolor sit amet, consectetur
+                                    adipisicing elit, sed do eiusmod tempor
+                                    incididunt ut labore et dolore magna aliqua.
+                                    Ut enim ad minim veniam. Lorem ipsum
+                                    dolor sit amet, consectetur adipisicing
+                                    elit, sed do eiusmod tempor
+                                </p>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="col-sm-6 col-md-3">
+                        <div class="thumbnail">
+                            <img src="http://www.consumer.es/imgs/2016/12/dropbox-alojamiento-nube.jpg"
+                                 alt="..."
+                                 class="alumni-img"/>
+                            <div class="caption">
+                                <h4>Thumbnail label</h4>
+                                <p>Lorem ipsum dolor sit amet, consectetur
+                                    adipisicing elit, sed do eiusmod tempor
+                                    incididunt ut labore et dolore magna aliqua.
+                                    Ut enim ad minim veniam. Lorem ipsum
+                                    dolor sit amet, consectetur adipisicing
+                                    elit, sed do eiusmod tempor
+                                </p>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="col-sm-6 col-md-3">
+                        <div class="thumbnail">
+                            <img src="http://www.consumer.es/imgs/2016/06/compraenredessociales-sophia-portada1-750.png"
+                                 alt="..." class="alumni-img"/>
+                            <div class="caption">
+                                <h4>Thumbnail label</h4>
+                                <p>Lorem ipsum dolor sit amet, consectetur
+                                    adipisicing elit, sed do eiusmod tempor
+                                    incididunt ut labore et dolore magna aliqua.
+                                    Ut enim ad minim veniam. Lorem ipsum
+                                    dolor sit amet, consectetur adipisicing
+                                    elit, sed do eiusmod tempor
+                                </p>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="col-sm-6 col-md-3">
+                        <div class="thumbnail">
+                            <img src="http://www.consumer.es/imgs/2016/12/comprar-online-seguridad-consejos.jpg"
+                                 alt="..." class="alumni-img"/>
+                            <div class="caption">
+                                <h4>Thumbnail label</h4>
+                                <p>Lorem ipsum dolor sit amet, consectetur
+                                    adipisicing elit, sed do eiusmod tempor
+                                    incididunt ut labore et dolore magna aliqua.
+                                    Ut enim ad minim veniam. Lorem ipsum
+                                    dolor sit amet, consectetur adipisicing
+                                    elit, sed do eiusmod tempor
+                                </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 used to customize the contact us -->
+        <!--        page for a college website. It inherits from the "website.contactus" -->
+        <!--        template and replaces the existing contact section with a new layout. -->
+        <!--        The template includes a container with two columns, one for contact details -->
+        <!--        and the other for an address. It also features a map section embedded from -->
+        <!--        Google Maps. The template provides a visually appealing and informative -->
+        <!--        layout for users to contact the college.-->
+        <xpath expr="//div[@id='wrap']" position="replace">
+            <section class="contact">
+
+                <div class="contact_main">
+                    <div class="container">
+                        <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>
+                                    <div class="text-center my-3"
+                                         name="mail_button">
+                                        <a role="button"
+                                           t-attf-href="mailto:{{ res_company.email }}"
+                                           class="btn btn-primary"
+                                           id="o_contact_mail">Send us an email
+                                        </a>
+                                    </div>
+                                </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 used to display information -->
+        <!--        about different courses offered by a college. The template is designed to be -->
+        <!--        used within the overall layout of a website. It includes a container with -->
+        <!--        multiple course grids, each consisting of an image and a description. -->
+        <!--        The template provides an appealing layout for showcasing courses such -->
+        <!--        as Mechanical Engineering, Information Technology, Computer Science, and -->
+        <!--        Chemical Engineering, along with their respective descriptions.-->
+        <!--        The template also contains styling to hide the home header. -->
+        <style>
+            .home_header{
+            display: none;
+            }
+        </style>
+        <t t-call="website.layout">
+            <!--Course -->
+            <div class="container-fluid">
+                <div class="container">
+                    <div class="course">
+                        <br/>
+                        <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 zoom-img"/>
+                                        </div>
+                                    </div>
+                                    <div class="col-md-6 course-grid1 gri">
+                                        <h4>Mechanical Engineering</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 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 class="course-grids">
+                                <div class="row">
+                                    <div class="col-md-6 course-grid1">
+                                        <h4>Information Technology</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 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 class="col-md-6 course-grid gri">
+                                        <div class="mask">
+                                            <img src="/theme_college/static/src/images/c2.jpg"
+                                                 class="img-responsive 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 zoom-img"/>
+                                        </div>
+                                    </div>
+                                    <div class="col-md-6 course-grid1 gri">
+                                        <h4>Computer Science</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 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 class="course-grids">
+                                <div class="row">
+                                    <div class="col-md-6 course-grid1">
+                                        <h4>Chemical Engineering</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 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 class="col-md-6 course-grid gri">
+                                        <div class="mask">
+                                            <img src="/theme_college/static/src/images/c4.jpg"
+                                                 class="img-responsive zoom-img"/>
+                                        </div>
+                                    </div>
+                                </div>
+                                <div class="clearfix"/>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </t>
+    </template>
+    <template id="theme_college.college_facility" name="Facility">
+        <!--        The "theme_college.college_facility" template is used to showcase the -->
+        <!--        facilities provided by a college. This template is designed to be included-->
+        <!--        within the layout of a website. It features a container with a title -->
+        <!--        "Facilities" and includes a course grid layout to display information -->
+        <!--        about a specific facility. Each facility grid consists of an image and -->
+        <!--        a description. The template also includes styling to hide the home header. -->
+        <!--        Overall, this template enhances the presentation of the college's facilities -->
+        <!--        on the website, providing a visually appealing and informative display for users.-->
+        <!--Course -->
+        <style>
+            .home_header{
+            display: none;
+            }
+        </style>
+        <t t-call="website.layout">
+            <div class="container-fluid">
+                <div class="container">
+                    <div class="faclility">
+                        <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">
+        <!--        The "theme_college.college_gallery" template is used to showcase the -->
+        <!--        achievements and gallery of a college. This template is designed to be-->
+        <!--        included within the layout of a website. It features a section for -->
+        <!--        achievements, where three columns display images and information about -->
+        <!--        college achievements. Each column includes an image, a title, and a-->
+        <!--        description. The template also includes a section for a gallery, where -->
+        <!--        a pre-defined template "website.s_images_wall" is called to display a -->
+        <!--        collection of images. The template incorporates styling to hide the home-->
+        <!--        header and provides a visually appealing presentation of the college's -->
+        <!--        achievements and gallery on the website.-->
+        <t t-call="website.layout">
+            <style>
+                .home_header{
+                display: none;
+                }
+            </style>
+            <!-- Achievements -->
+            <div class="gallery" id="achievements">
+                <div class="container">
+                    <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="college_snippet" inherit_id="website.snippets"
+              name="College Snippets">
+        <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 used to display a scholarship form on a-->
+        <!--        college website. The template is designed to be included within the layout of a-->
+        <!--        webpage. It consists of a container with two columns. The left column includes a -->
+        <!--        card with the title "Scholarship Form" and a form section. The form allows users -->
+        <!--        to input their name, email, course, and a message. There is also a submit button -->
+        <!--        to send the form. The right column displays an image related to the scholarship. -->
+        <!--        Overall, the template provides a visually appealing and user-friendly interface -->
+        <!--        for students to fill out a scholarship form on the college website.-->
+        <Section class="scholarship_form">
+            <div class="container">
+                <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="container">
+                                    <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="/scholarship-thank-you">
+                                        <div class="s_website_form_rows row s_col_no_bgcolor" style="justify-content: center;">
+                                            <div class="form-group col-12 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="form-group col-12 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 class="form-group 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="Course"/>
+                                                    </div>
+                                                </div>
+                                            </div>
+                                            <div class="form-group 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"
+                                                                  required=""
+                                                                  placeholder="Message"/>
+                                                    </div>
+                                                </div>
+                                            </div>
+                                            <div class="form-group col-12 s_website_form_field s_website_form_dnone">
+                                                <div class="row s_col_no_resize s_col_no_bgcolor">
+                                                    <label class="col-form-label col-sm-auto s_website_form_label"
+                                                           style="width: 200px"
+                                                           for="contact7">
+                                                        <span class="s_website_form_label_content">
+                                                            Email To
+                                                        </span>
+                                                    </label>
+                                                    <div class="col-sm">
+                                                        <input id="contact7"
+                                                               type="hidden"
+                                                               class="form-control s_website_form_input"
+                                                               name="email_to"/>
+                                                    </div>
+                                                </div>
+                                            </div>
+                                            <div class="form-group col-12 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-lg s_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 "college_partner" template is used to display a section on the -->
+        <!--        college website that showcases the college's partners or companies -->
+        <!--        associated with its placement cell. The template includes a container -->
+        <!--        with the heading "Placement Cell" and a subheading. Below the headings, -->
+        <!--        there is a row of logos representing the partner companies. The logos are-->
+        <!--        displayed in a responsive grid format, with each logo occupying a specific-->
+        <!--        column on different screen sizes. The template provides a visually appealing-->
+        <!--        and organized way to highlight the college's partnerships in the placement cell,-->
+        <!--        showcasing the companies that collaborate with the college for job-->
+        <!--        placements and internships.-->
+        <section class="partner">
+
+            <div class="container">
+                <h3>
+                    Placement
+                    <span>Cell</span>
+                </h3>
+            </div>
+
+            <div class="container">
+                <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="home_college_banner" name="College Banner">
+        <!--        The "home_college_banner" template is used to create a banner section-->
+        <!--        on the college's home page. The template includes a carousel that -->
+        <!--        displays multiple slides with different content. Each slide represents-->
+        <!--        a different aspect of the college experience. The slides contain a centered -->
+        <!--        card with a title, a subheading, a brief description, and a "Learn More" button.-->
+        <!--        The carousel allows users to navigate through the slides using previous and next -->
+        <!--        controls. This template provides an interactive and visually appealing way to-->
+        <!--        showcase key features or highlights of the college to visitors on the home page.-->
+        <section class="banner">
+            <div id="carouselExampleIndicators" class="carousel slide"
+                 data-ride="carousel">
+                <ol class="carousel-indicators">
+                    <li data-target="#carouselExampleIndicators"
+                        data-slide-to="0" class="active"/>
+                    <li data-target="#carouselExampleIndicators"
+                        data-slide-to="1"/>
+                    <li data-target="#carouselExampleIndicators"
+                        data-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-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-slide="next">
+                    <span class="carousel-control-next-icon"
+                          aria-hidden="true"/>
+                    <span class="sr-only">Next</span>
+                </a>
+            </div>
+        </section>
+    </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".-->
+        <style>
+            .home_header{
+            display: none;
+            }
+        </style>
+        <t t-call="website.layout">
+            <div class="container-fluid">
+                <div class="container">
+                    <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_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">
+                <br/>
+                <br/>
+                <br/>
+                <hr/>
+                <div class="container">
+                    <div class="alert alert-info">
+                        <h4>Your product tab snippet will be displayed here...
+                            Please Save to view the snippet
+                        </h4>
+                    </div>
+                </div>
+                <hr/>
+            </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">
+            <h1>
+                COLLEGE
+                <span>LOCATIONS</span>
+            </h1>
+            <div class="container pt-5 pb-5">
+                <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>
+
+</odoo>

theme_college/views/website_templates.xml

@@ -0,0 +1,145 @@
+<?xml version="1.0" encoding="UTF-8" ?>
+<odoo>
+    <template id="custom_message" inherit_id="website.layout"
+              name="Custom Header and Footer">
+        <!--        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>
+
+    <record id="scholarship_thanks" model="website.page">
+        <field name="name">Thanks (Contact us)</field>
+        <field name="type">qweb</field>
+        <field name="url">/scholarship-thank-you</field>
+        <field name="website_indexed" eval="False"/>
+        <field name="is_published">True</field>
+        <field name="key">website_form.contactus_thanks</field>
+        <field name="arch" type="xml">
+            <t name="Thanks (Contact us)"
+               t-name="website_form.contactus_thanks">
+                <t t-call="website.layout">
+                    <div id="wrap">
+                        <div class="oe_structure"
+                             id="oe_structure_website_form_contact_us_thanks_1"/>
+                        <div class="container mt-4">
+                            <div class="row">
+                                <div class="col-lg-7 col-xl-6 mr-lg-auto oe_structure">
+                                    <section
+                                            class="pt40 s_text_block pb40 o_colored_level o_cc o_cc1"
+                                            data-snippet="s_text_block"
+                                            data-name="Text">
+                                        <div class="container">
+                                            <span class="d-block fa fa-4x fa-thumbs-up mx-auto rounded-circle bg-primary"/>
+                                            <br/>
+                                            <h1 class="text-center">Thank You!
+                                            </h1>
+                                            <div class="pb16 pt16 s_hr"
+                                                 data-snippet="s_hr"
+                                                 data-name="Separator">
+                                                <hr class="mx-auto border-top w-50 border-dark text-center"/>
+                                            </div>
+                                            <h5 class="text-center">
+                                                <span class="fa fa-check-circle"/>
+                                                <span>Your message has been sent
+                                                    <b>successfully</b>
+                                                </span>
+                                            </h5>
+                                            <p class="text-center">We will get
+                                                back to you shortly.
+                                            </p>
+                                        </div>
+                                    </section>
+                                </div>
+                                <div class="col-lg-4 mt-5 pt-3">
+                                    <t t-call="website.company_description"/>
+                                </div>
+                            </div>
+                        </div>
+                        <div class="oe_structure"
+                             id="oe_structure_website_form_contact_us_thanks_2"/>
+                    </div>
+                </t>
+            </t>
+        </field>
+    </record>
+
+</odoo>