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.
 
 
 
 
 

1041 lines
61 KiB

<?xml version="1.0" encoding="UTF-8" ?>
<odoo>
<template id="theme_college.college_alumni" name="Alumni">
<t t-call="website.layout">
<!-- This is a template for a web page section named "Alumni" that -->
<!-- displays a grid of eight thumbnails with images and captions. -->
<!-- It uses Bootstrap classes to create a responsive layout and -->
<!-- some custom CSS to hide the page header.-->
<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 a customized version of the default-->
<!-- Odoo "website.contactus" template, featuring a contact form and company -->
<!-- information section. It is designed for use on college websites.-->
<xpath expr="//div[@id='wrap']" position="replace">
<section class="contact">
<div class="contact_main">
<div class="container">
<div class="row contact_page">
<div class="col-lg-6 col-md-6 col-12">
<div class="contact_details">
<div class="heading_c">
<h2 class="main">Contact Us</h2>
</div>
<p class="abt">
As you might expect of a company that
began as a high-end interiors
contractor, we pay strict attention.
</p>
<section class="s_website_form"
data-vcss="001"
data-snippet="s_website_form">
<div class="contact_form">
<span class="hidden"
data-for="contactus_form"
t-att-data-values="{'email_to': res_company.email}"/>
<form id="contactus_form"
action="/website/form/"
method="post"
enctype="multipart/form-data"
class="o_mark_required"
data-mark="*"
data-model_name="mail.mail"
data-success-mode="redirect"
data-success-page="/contactus-thank-you"
data-pre-fill="true">
<div class="s_website_form_rows row s_col_no_bgcolor">
<div class="row mb-5">
<div class="mb-0 py-2 col-6 s_website_form_field s_website_form_custom s_website_form_required"
data-type="char"
data-name="Field">
<div class="row s_col_no_resize s_col_no_bgcolor">
<div class="col-sm">
<input id="contact1"
type="text"
class="form-control s_website_form_input"
name="name"
required=""
placeholder="Your name"/>
</div>
</div>
</div>
<div class="mb-0 py-2 col-6 s_website_form_field s_website_form_required"
data-type="email"
data-name="Field">
<div class="row s_col_no_resize s_col_no_bgcolor">
<div class="col-sm">
<input id="contact3"
type="email"
class="form-control s_website_form_input"
name="email_from"
required=""
placeholder="Your email"/>
</div>
</div>
</div>
</div>
<div class="row mb-5">
<div class="mb-0 py-2 col-12 s_website_form_field s_website_form_required"
data-type="char"
data-name="Field">
<div class="row s_col_no_resize s_col_no_bgcolor">
<div class="col-sm">
<input id="contact5"
type="text"
class="form-control s_website_form_input"
name="subject"
required=""
placeholder="Subject"/>
</div>
</div>
</div>
</div>
<div class="row mb-5">
<div class="mb-0 py-2 col-12 s_website_form_field s_website_form_custom s_website_form_required"
data-type="text"
data-name="Field">
<div class="row s_col_no_resize s_col_no_bgcolor">
<div class="col-sm">
<textarea
id="contact6"
class="form-control s_website_form_input"
name="description"
rows="5"
required=""
placeholder="Message"/>
</div>
</div>
</div>
</div>
<div class="mb-0 py-2 col-12 s_website_form_field s_website_form_dnone">
<div class="row s_col_no_resize s_col_no_bgcolor">
<div class="col-sm">
<input id="contact7"
type="hidden"
class="form-control s_website_form_input"
name="email_to"/>
</div>
</div>
</div>
<div class="text-center text-md-left s_website_form_submit"
data-name="Submit Button">
<div style="width: 200px;"
class="s_website_form_label"/>
<a href="#"
role="button"
class="btn btn-primary btn-contact o_website_form_send">
Submit
</a>
</div>
<div class="text-center">
<span id="s_website_form_result"/>
</div>
</div>
</form>
</div>
</section>
</div>
</div>
<div class="col-lg-6 col-md-6 col-12">
<div class="contact-page-second-col">
<div class="address">
<div class="wrapper">
<ul class="list-unstyled mb-0 ps-2">
<li>My Company</li>
<li>
<i class="fa fa-map-marker fa-fw me-2"/>
<span class="o_force_ltr">
3575 Fake Buena Vista
Avenue
</span>
</li>
<li>
<i class="fa fa-phone fa-fw me-2"/>
<span class="o_force_ltr">+1
(650) 555-0111
</span>
</li>
<li>
<i class="fa fa-1x fa-fw fa-envelope me-2"/>
<span>
info@yourcompany.example.com
</span>
</li>
</ul>
</div>
<div class="wrapper">
<div class="cc">United states</div>
<p class="info">195 E Parker Square
Dr, Parker, CO 801
</p>
<p>
<a href="tel:+4733378901">+47
333 78 901
</a>
</p>
</div>
</div>
<div>
<section class="map">
<div class="map-responsive">
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d15658.881983874671!2d75.87971722644363!3d11.134181973268767!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3ba651d1fb20b40b%3A0xd15c44b13dfe431c!2sThenhipalam%2C%20Kerala!5e0!3m2!1sen!2sin!4v1598930664895!5m2!1sen!2sin"
width="100%"
height="450"
frameborder="0"
style="border:0;"
allowfullscreen=""
aria-hidden="false"
tabindex="0"/>
</div>
</section>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
</xpath>
</template>
<template id="theme_college.college_course" name="Course">
<!-- The "theme_college.college_course" template is a course page for a -->
<!-- college website, displaying information about different courses offered -->
<!-- along with their descriptions and images. The template also includes -->
<!-- some custom styling to hide the header.-->
<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 "college_facility" template displays a webpage section showcasing -->
<!-- the facilities available at a college. It includes an image, a title,-->
<!-- and a description of the facility.-->
<!--Course -->
<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">
<!-- This is a template for a college website's gallery and achievements -->
<!-- page, with a responsive grid layout for displaying images and -->
<!-- information about college rankings and achievements.-->
<t t-call="website.layout">
<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="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_snippet" inherit_id="website.snippets"
name="College Snippets">
<!-- The "college_snippet" template adds four snippets related to a college -->
<!-- website: a scholarship form, a list of college partners, a map of the -->
<!-- college location, and a home banner.-->
<xpath expr="//div[@id='snippet_feature']/div[hasclass('o_panel_body')]"
position="inside">
<!-- Scholarship Form-->
<t t-snippet="theme_college.college_scholarship_form"
t-thumbnail="/website/static/src/img/snippets_thumbs/s_website_form.svg"/>
<!-- College Partner-->
<t t-snippet="theme_college.college_partner"
t-thumbnail="/website/static/src/img/snippets_thumbs/s_product_list.svg"/>
<!-- College Location-->
<t t-snippet="theme_college.college_location"
t-thumbnail="/theme_college/static/src/images/location.jpg"/>
<!-- Home Banner-->
<t t-snippet="theme_college.home_college_banner"
t-thumbnail="/website/static/src/img/snippets_thumbs/s_carousel.svg"
/>
</xpath>
</template>
<template id="college_scholarship_form" name="College Scholarship Form">
<!-- The "college_scholarship_form" template is a two-column layout that -->
<!-- displays a form for submitting a scholarship application on one side, -->
<!-- and an image on the other side. The form includes fields for name, -->
<!-- email, subject, and a message, and a submit button.-->
<Section class="scholarship_form">
<div class="container">
<div class="row pb-5 scholarship">
<div class="col-lg-6 col-md-6 col-sm-12 pt-5">
<div class="card ">
<h3>Scholarship Form</h3>
<section class="s_website_form" data-vcss="001"
data-snippet="s_website_form">
<div class="contact_form">
<span class="hidden"
data-for="contactus_form"
t-att-data-values="{'email_to': res_company.email}"/>
<form id="contactus_form"
action="/website/form/" method="post"
enctype="multipart/form-data"
class="o_mark_required"
data-mark="*"
data-model_name="mail.mail"
data-success-mode="redirect"
data-success-page="/contactus-thank-you"
data-pre-fill="true">
<div class="s_website_form_rows row s_col_no_bgcolor">
<div class="row mb-5">
<div class="mb-0 py-2 col-6 s_website_form_field s_website_form_custom s_website_form_required"
data-type="char"
data-name="Field">
<div class="row s_col_no_resize s_col_no_bgcolor">
<div class="col-sm">
<input id="contact1"
type="text"
class="form-control s_website_form_input"
name="name"
required=""
placeholder="Your name"/>
</div>
</div>
</div>
<div class="mb-0 py-2 col-6 s_website_form_field s_website_form_required"
data-type="email"
data-name="Field">
<div class="row s_col_no_resize s_col_no_bgcolor">
<div class="col-sm">
<input id="contact3"
type="email"
class="form-control s_website_form_input"
name="email_from"
required=""
placeholder="Your email"/>
</div>
</div>
</div>
</div>
<div class="row mb-5">
<div class="mb-0 py-2 col-12 s_website_form_field s_website_form_required"
data-type="char"
data-name="Field">
<div class="row s_col_no_resize s_col_no_bgcolor">
<div class="col-sm">
<input id="contact5"
type="text"
class="form-control s_website_form_input"
name="subject"
required=""
placeholder="Subject"/>
</div>
</div>
</div>
</div>
<div class="row mb-5">
<div class="mb-0 py-2 col-12 s_website_form_field s_website_form_custom s_website_form_required"
data-type="text"
data-name="Field">
<div class="row s_col_no_resize s_col_no_bgcolor">
<div class="col-sm">
<textarea
id="contact6"
class="form-control s_website_form_input"
name="description"
rows="5"
required=""
placeholder="Message"/>
</div>
</div>
</div>
</div>
<div class="mb-0 py-2 col-12 s_website_form_field s_website_form_dnone">
<div class="row s_col_no_resize s_col_no_bgcolor">
<div class="col-sm">
<input id="contact7"
type="hidden"
class="form-control s_website_form_input"
name="email_to"/>
</div>
</div>
</div>
<div class="text-center text-md-left s_website_form_submit"
data-name="Submit Button">
<div style="width: 200px;"
class="s_website_form_label"/>
<a href="#" role="button"
class="btn btn-primary btn-contact o_website_form_send">
Submit
</a>
</div>
<div class="text-center">
<span id="s_website_form_result"/>
</div>
</div>
</form>
</div>
</section>
</div>
</div>
<div class=" col-lg-6 col-md-6 col-sm-12 pt-5">
<div class="scholarship_img">
<img class="img-fluid"
src="/theme_college/static/src/images/img1.png"/>
</div>
</div>
</div>
</div>
</Section>
</template>
<template id="college_partner" name="College Partners">
<!-- The template is a section named "College Partners" that displays logos -->
<!-- of partner companies in a grid format for a college's placement cell.-->
<section class="partner">
<div class="container">
<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="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>
<template id="home_college_banner" name="College Banner">
<!-- The "College Banner" template creates a carousel that displays -->
<!-- three different banners with text and buttons for users to learn -->
<!-- more about studying efficiently, campus life, and gaining knowledge. -->
<!-- The banners are designed to be visually appealing and engaging -->
<!-- for website visitors.-->
<section class="banner">
<div id="carouselExampleIndicators" class="carousel slide"
data-bs-ride="carousel">
<ol class="carousel-indicators">
<li data-bs-target="#carouselExampleIndicators"
data-bs-slide-to="0" class="active"/>
<li data-bs-target="#carouselExampleIndicators"
data-bs-slide-to="1"/>
<li data-bs-target="#carouselExampleIndicators"
data-bs-slide-to="2"/>
</ol>
<div class="carousel-inner">
<div class="carousel-item active">
<div class="banner-1">
<div class="card text-center">
<div class="card-body">
<h5 class="card-title">Study Efficient
<br/>
<span>Make more.</span>
</h5>
<p class="card-text">Knowledge
</p>
<a href="#" class="btn btn-primary">
Learn More
</a>
</div>
</div>
</div>
</div>
<div class="carousel-item">
<div class="banner-2">
<div class="card text-center">
<div class="card-body">
<h5 class="card-title">Campus Life
<br/>
<span>New Home</span>
</h5>
<p class="card-text">Something More
</p>
<a href="#" class="btn btn-primary">
Learn More
</a>
</div>
</div>
</div>
</div>
<div class="carousel-item">
<div class="banner-3">
<div class="card text-center">
<div class="card-body">
<h5 class="card-title">Study Efficient
<br/>
<span>Make more</span>
</h5>
<p class="card-text">Knowledge
</p>
<a href="#" class="btn btn-primary">
Learn More
</a>
</div>
</div>
</div>
</div>
</div>
<a class="carousel-control-prev"
href="#carouselExampleIndicators" role="button"
data-bs-slide="prev">
<span class="carousel-control-prev-icon"
aria-hidden="true"/>
<span class="sr-only">Previous</span>
</a>
<a class="carousel-control-next"
href="#carouselExampleIndicators" role="button"
data-bs-slide="next">
<span class="carousel-control-next-icon"
aria-hidden="true"/>
<span class="sr-only">Next</span>
</a>
</div>
</section>
</template>
</odoo>