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.
 
 
 
 
 

95 lines
5.4 KiB

<odoo>
<template id="website_college.course" name="Course">
<style>
.home_header{
display: none;
}
</style>
<t t-call="website.layout">
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<t t-call="website_college.custom_nav"/>
<!--Course -->
<div class="container-fluid">
<div class="container">
<div class="course">
<div class="container">
<h3 class="tittle">Course</h3>
<div class="course-grids">
<div class="col-md-6 course-grid">
<div class="mask">
<img src="/website_college/static/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>
<ul class="grid-part">
<li><i class="glyphicon glyphicon-ok-sign"> </i>&amp;nbsp;&amp;nbsp;Praesent vestibulum molestie lacus</li>
<li><i class="glyphicon glyphicon-ok-sign"> </i>&amp;nbsp;&amp;nbsp;Donec sagittis interdum tellusplacerat adipiscing</li>
<li><i class="glyphicon glyphicon-ok-sign"> </i>&amp;nbsp;&amp;nbsp;Nulla consectetur adipiscing</li>
</ul>
</div>
<div class="clearfix"/>
</div>
<div class="course-grids">
<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>
<ul class="grid-part">
<li><i class="glyphicon glyphicon-ok-sign"> </i>&amp;nbsp;&amp;nbsp;Praesent vestibulum molestie lacus</li>
<li><i class="glyphicon glyphicon-ok-sign"> </i>&amp;nbsp;&amp;nbsp;Donec sagittis interdum tellusplacerat adipiscing</li>
<li><i class="glyphicon glyphicon-ok-sign"> </i>&amp;nbsp;&amp;nbsp;Nulla consectetur adipiscing</li>
</ul>
</div>
<div class="col-md-6 course-grid gri">
<div class="mask">
<img src="/website_college/static/images/c2.jpg" class="img-responsive zoom-img" />
</div>
</div>
<div class="clearfix"></div>
</div>
<div class="course-grids">
<div class="col-md-6 course-grid">
<div class="mask">
<img src="/website_college/static/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>
<ul class="grid-part">
<li><i class="glyphicon glyphicon-ok-sign"> </i>&amp;nbsp;&amp;nbsp;Praesent vestibulum molestie lacus</li>
<li><i class="glyphicon glyphicon-ok-sign"> </i>&amp;nbsp;&amp;nbsp;Donec sagittis interdum tellusplacerat adipiscing</li>
<li><i class="glyphicon glyphicon-ok-sign"> </i>&amp;nbsp;&amp;nbsp;Nulla consectetur adipiscing</li>
</ul>
</div>
<div class="clearfix"></div>
</div>
<div class="course-grids">
<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>
<ul class="grid-part">
<li><i class="glyphicon glyphicon-ok-sign"> </i>&amp;nbsp;&amp;nbsp;Praesent vestibulum molestie lacus</li>
<li><i class="glyphicon glyphicon-ok-sign"> </i>&amp;nbsp;&amp;nbsp;Donec sagittis interdum tellusplacerat adipiscing</li>
<li><i class="glyphicon glyphicon-ok-sign"> </i>&amp;nbsp;&amp;nbsp;Nulla consectetur adipiscing</li>
</ul>
</div>
<div class="col-md-6 course-grid gri">
<div class="mask">
<img src="/website_college/static/images/c4.jpg" class="img-responsive zoom-img" />
</div>
</div>
<div class="clearfix"></div>
</div>
</div>
</div>
</div>
</div>
</t>
</template>
</odoo>