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.
 
 
 
 
 

844 lines
47 KiB

<?xml version="1.0" encoding="UTF-8" ?>
<odoo>
<template id="theme_college.college_alumni" name="Alumni">
<!-- 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.-->
<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="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="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 web form for applying for -->
<!-- a college scholarship, with fields for name, email, subject, and message,-->
<!-- and a submit button. It also includes an image for visual appeal.-->
<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 scholarship_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="/contactus-thank-you"
data-pre-fill="true">
<div class="s_website_form_rows row s_col_no_bgcolor">
<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="Subject"/>
</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 style="margin-left: 146px;">
<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 displays logos of various partner -->
<!-- companies on a webpage section titled "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="home_college_banner" name="College Banner">
<!-- This template is for a banner section with a carousel that displays -->
<!-- three slides with different images and text content, along with -->
<!-- carousel controls to navigate between them.-->
<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>