thirdparty
/
CybroAddons
mirror of https://github.com/CybroOdoo/CybroAddons.git
4
0
Fork 0
Code Issues Projects Releases Wiki Activity
Browse Source

Jan 22 [UPDT] : Updated 'cts_theme_rozz'

pull/313/head
AjmalCybro 2 years ago
parent
99882691c0
commit
8f94498d8f
9 changed files with 99 additions and 53 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 2
      cts_theme_rozz/__init__.py
  2. 2
      cts_theme_rozz/__manifest__.py
  3. 2
      cts_theme_rozz/doc/RELEASE_NOTES.md
  4. 110
      cts_theme_rozz/static/src/css/style.css
  5. 8
      cts_theme_rozz/views/snippets/about_us.xml
  6. 3
      cts_theme_rozz/views/snippets/portfolio_details.xml
  7. 9
      cts_theme_rozz/views/snippets/portfolio_page.xml
  8. 9
      cts_theme_rozz/views/snippets/rozz_aboutus.xml
  9. 7
      cts_theme_rozz/views/snippets/rozz_banner.xml

2
cts_theme_rozz/__init__.py
View File

@ -3,7 +3,7 @@
# #
# Cybrosys Technologies Pvt. Ltd. # Cybrosys Technologies Pvt. Ltd.
# #
# Copyright (C) 2024-TODAY Cybrosys Technologies(<https://www.cybrosys.com>) # Copyright (C) 2023-TODAY Cybrosys Technologies(<https://www.cybrosys.com>)
# Author: Cybrosys Techno Solutions,(odoo@cybrosys.com) # Author: Cybrosys Techno Solutions,(odoo@cybrosys.com)
# #
# You can modify it under the terms of the GNU LESSER # You can modify it under the terms of the GNU LESSER

2
cts_theme_rozz/__manifest__.py
View File

@ -3,7 +3,7 @@
# #
# Cybrosys Technologies Pvt. Ltd. # Cybrosys Technologies Pvt. Ltd.
# #
# Copyright (C) 2024-TODAY Cybrosys Technologies(<https://www.cybrosys.com>) # Copyright (C) 2023-TODAY Cybrosys Technologies(<https://www.cybrosys.com>)
# Author: Cybrosys Techno Solutions,(odoo@cybrosys.com) # Author: Cybrosys Techno Solutions,(odoo@cybrosys.com)
# #
# You can modify it under the terms of the GNU LESSER # You can modify it under the terms of the GNU LESSER

2
cts_theme_rozz/doc/RELEASE_NOTES.md
View File

@ -1,6 +1,6 @@
## Module <cts_theme_rozz> ## Module <cts_theme_rozz>
#### 05.01.2024 #### 27.12.2023
#### Version 17.0.1.0.0 #### Version 17.0.1.0.0
##### ADD ##### ADD
- Initial commit for Theme Rozz - Initial commit for Theme Rozz

110
cts_theme_rozz/static/src/css/style.css
View File

@ -469,12 +469,27 @@ nav.nav {
} }
} }
.banner{ .banner{
background-image: url(../images/banner.jpg); position: relative;
height: 100vh; height: 100vh;
background-repeat: no-repeat; background: black;
display: flex; }
align-items: center; .hero-banner{
width: 100%;
height: 100%;
object-fit: cover;
position: absolute;
opacity: 0.4;
top: 0;
left: 0;
z-index: 0;
} }
.banner .o_colored_level{
position: absolute;
top: 50%;
transform: translateY(-50%);
z-index: 1
}
.banner h1{ .banner h1{
font-size: 72px; font-size: 72px;
margin-bottom: 10px; margin-bottom: 10px;
@ -493,6 +508,15 @@ a.btn-quote {
padding: 14px 40px; padding: 14px 40px;
color: #000000; color: #000000;
} }
.btn-hero{
display: inline-block;
font-weight: 300;
color: #fff;
background-color: #fdb139;
border-radius: 5px;
padding: 12px 25px;
}
}
/*-- Counter CSS --*/ /*-- Counter CSS --*/
.counter-area { .counter-area {
position: relative; position: relative;
@ -650,10 +674,10 @@ a.btn-quote {
text-align: left; text-align: left;
} }
.about-area .about-img { .about-area .about-img {
background-image: url("../images/about.jpg");
background-size: cover; background-size: cover;
background-position: center center; background-position: center center;
background-repeat: no-repeat; background-repeat: no-repeat;
opacity:0.4;
width: 100%; width: 100%;
height: 100%; height: 100%;
position: relative; position: relative;
@ -925,15 +949,25 @@ section.footer {
/*-- End Footer CSS --*/ /*-- End Footer CSS --*/
/*----- About CSS -----*/ /*----- About CSS -----*/
.page-title-area { .page-title-area {
background-image: url(../images/page-title-bg.jpg); position: relative;
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
position: relative;
height: 500px; height: 500px;
display: flex; display:flex;
justify-content: center; align-items:center;
align-items: center; justify-content:center;
}
.page-title-area .page-title-area-hero{
position: absolute;
top: 50%;
left: 50%;
width: 100%;
height: 100%;
transform: translate(-50%, -50%);
z-index: 1;
opacity:0.4;
}
.page-title-area .d-table{
position: relative;
z-index: 2;
} }
.page-title-area:before { .page-title-area:before {
position: absolute; position: absolute;
@ -989,14 +1023,20 @@ section.footer {
max-width: 100%; max-width: 100%;
} }
.watch-area .watch-item { .watch-area .watch-item {
height: 500px; position: relative;
position: relative; background: black;
background-image: url("../images/watch-bg.jpg"); }
background-size: cover; .hero-about-us{
background-position: center center; width: 100%;
background-repeat: no-repeat; height: 100%;
object-fit: cover;
position: absolute;
opacity: 0.4;
top: 0;
left: 0;
z-index: 0;
} }
.watch-area .watch-item:before { /*.watch-area .watch-item:before {
position: absolute; position: absolute;
content: ''; content: '';
width: 100%; width: 100%;
@ -1005,7 +1045,7 @@ section.footer {
left: 0; left: 0;
background-color: #fdb139; background-color: #fdb139;
opacity: .70; opacity: .70;
} }*/
.watch-area .watch-item .d-table-cell { .watch-area .watch-item .d-table-cell {
vertical-align: bottom; vertical-align: bottom;
} }
@ -1016,7 +1056,8 @@ section.footer {
color: #fff; color: #fff;
} }
.watch-area .watch-item .watch-content { .watch-area .watch-item .watch-content {
position: relative; position: absolute;
bottom:0px;
padding-left: 40px; padding-left: 40px;
padding-bottom: 32px; padding-bottom: 32px;
max-width: 325px; max-width: 325px;
@ -1193,15 +1234,24 @@ section.footer {
/*-- End Subscribe CSS --*/ /*-- End Subscribe CSS --*/
/*-- Projects CSS --*/ /*-- Projects CSS --*/
.Portfolio { .Portfolio {
background-image: url(../images/portfolio-bg.jpg); position-relative
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
position: relative;
height: 500px; height: 500px;
display: flex; background: #000;
justify-content: center; }
align-items: center; .portfolio-hero{
width: 100%;
height: 100%;
object-fit: cover;
opacity: 0.5;
position: absolute;
left: 0;
top: 0;
z-index: 1
}
.Portfolio .d-table {
position: relative;
z-index: 2;
} }
.project-area { .project-area {
position: relative; position: relative;

8
cts_theme_rozz/views/snippets/about_us.xml
View File

@ -13,6 +13,7 @@
<!-- Template for the About page, including page title, choose area, and video section --> <!-- Template for the About page, including page title, choose area, and video section -->
<section> <section>
<div class="page-title-area"> <div class="page-title-area">
<img src="/cts_theme_rozz/static/src/images/page-title-bg.jpg" class="page-title-area-hero"/>
<div class="d-table"> <div class="d-table">
<div class="d-table-cell"> <div class="d-table-cell">
<div class="container"> <div class="container">
@ -91,13 +92,12 @@
<h2>Watch The Full Video To Know More About Us</h2> <h2>Watch The Full Video To Know More About Us</h2>
</div> </div>
<div class="watch-item"> <div class="watch-item">
<div class="d-flex watch-display"> <img src="/cts_theme_rozz/static/src/images/watch-bg.jpg" style="width:100%; opacity:0.5;"/>
<div class="d-flex">
<div class="d-table-cell"> <div class="d-table-cell">
<div class="video-wrap"> <div class="video-wrap">
<a href="https://www.youtube.com/watch?v=FqTdilLFn5E" <a href="https://www.youtube.com/watch?v=FqTdilLFn5E"
class="popup-youtube"> class="popup-youtube"/>
<i class='bx bx-play'/>
</a>
</div> </div>
<div class="watch-content"> <div class="watch-content">
<h3>We Love The Work</h3> <h3>We Love The Work</h3>

3
cts_theme_rozz/views/snippets/portfolio_details.xml
View File

@ -15,6 +15,7 @@
showcasing portfolio projects. --> showcasing portfolio projects. -->
<section> <section>
<div class="page-title-area Portfolio"> <div class="page-title-area Portfolio">
<img src="/cts_theme_rozz/static/src/images/portfolio-bg.jpg" class="portfolio-hero"/>
<div class="d-table"> <div class="d-table">
<div class="d-table-cell"> <div class="d-table-cell">
<div class="container"> <div class="container">
@ -180,7 +181,7 @@
<ul class="align-items-center"> <ul class="align-items-center">
<li> <li>
<img src="/cts_theme_rozz/static/src/images/portfolio/here for-you.jpg" <img src="/cts_theme_rozz/static/src/images/portfolio/here for-you.jpg"
alt="Details"/> alt="Details" />
</li> </li>
<li> <li>
<a href="#">Car detailing</a> <a href="#">Car detailing</a>

9
cts_theme_rozz/views/snippets/portfolio_page.xml
View File

@ -15,6 +15,7 @@
and organized presentation of the portfolio items. --> and organized presentation of the portfolio items. -->
<section> <section>
<div class="page-title-area Portfolio"> <div class="page-title-area Portfolio">
<img src="/cts_theme_rozz/static/src/images/portfolio-bg.jpg" class="portfolio-hero"/>
<div class="d-table"> <div class="d-table">
<div class="d-table-cell"> <div class="d-table-cell">
<div class="container"> <div class="container">
@ -22,13 +23,7 @@
<h2>Portfolio</h2> <h2>Portfolio</h2>
<ul> <ul>
<li> <li>
<a href="/?">Home</a> <a href="/">Home</a>
</li>
<li>
<i class='bx bx-chevrons-right'/>
</li>
<li>
<span>Portfolio</span>
</li> </li>
</ul> </ul>
</div> </div>

9
cts_theme_rozz/views/snippets/rozz_aboutus.xml
View File

@ -31,14 +31,9 @@
</div> </div>
</div> </div>
<div class="col-lg-6"> <div class="col-lg-6">
<div class="about-img"> <div>
<img src="/cts_theme_rozz/static/src/images/about.jpg" <img src="/cts_theme_rozz/static/src/images/about.jpg"
alt="About" style="width:100%;"/> alt="About" style="width:100%;" class="about-img"/>
<div class="video-wrap">
<a href="" class="popup-youtube">
<i class='bx bx-play'/>
</a>
</div>
</div> </div>
</div> </div>
</div> </div>

7
cts_theme_rozz/views/snippets/rozz_banner.xml
View File

@ -18,12 +18,17 @@
<section> <section>
<div class="container-fluid banner"> <div class="container-fluid banner">
<div class="container"> <div class="container">
<img
src="/cts_theme_rozz/static/src/images/banner.jpg" class="hero-banner"/>
<div class="row"> <div class="row">
<div class="col-7 col-sm-9 col-md-9"> <div class="col-7 col-sm-9 col-md-9">
<h1> <h1>
Best <span>Car Service</span> Agency In the Town Best <span>Car Service</span> Agency In the Town
</h1> </h1>
<a href="" class="btn-quote">Get a Quote</a> <div class="btn-hero">
<a href="/blog" >Get a Quote</a>
</div>
</div> </div>
<div class="col-5"> <div class="col-5">
</div> </div>

Write Preview
Loading…
Cancel
Save