You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
 

979 lines
56 KiB

<?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>