Feb 06 : [ADD] Initial Commit 'theme_splash'

theme_splash/README.rst

@@ -0,0 +1,47 @@
+.. image:: https://img.shields.io/badge/license-LGPL--3-green.svg
+    :target: https://www.gnu.org/licenses/lgpl-3.0-standalone.html
+    :alt: License: LGPL-3
+
+Theme Splash
+==========
+* Design Web Pages with Theme Splash
+
+Configuration
+============
+    - www.odoo.com/documentation/17.0/setup/install.html
+    - Install our custom addon
+
+Company
+-------
+* `Cybrosys Techno Solutions <https://cybrosys.com/>`__
+
+License
+-------
+General Public License, Version 3 (LGPL v3).
+(https://www.gnu.org/licenses/lgpl-3.0-standalone.html)
+
+Credits
+-------
+* Developer: (V17) Sruthi M, Contact: odoo@cybrosys.com
+
+Contacts
+--------
+* Mail Contact : odoo@cybrosys.com
+* Website : https://cybrosys.com
+
+Bug Tracker
+-----------
+Bugs are tracked on GitHub Issues. In case of trouble, please check there if your issue has already been reported.
+
+Maintainer
+--------
+This module is maintained by Cybrosys Technologies.
+
+For support and more information, please visit https://www.cybrosys.com
+
+.. image:: https://cybrosys.com/images/logo.png
+   :target: https://cybrosys.com"
+
+Further information
+===================
+HTML Description: `<static/description/index.html>`__

theme_splash/__init__.py

@@ -0,0 +1,22 @@
+# -*- coding: utf-8 -*-
+#############################################################################
+#
+#    Cybrosys Technologies Pvt. Ltd.
+#
+#    Copyright (C) 2024-TODAY Cybrosys Technologies(<https://www.cybrosys.com>)
+#    Author: Cybrosys Techno Solutions(<https://www.cybrosys.com>)
+#
+#    You can modify it under the terms of the GNU LESSER
+#    GENERAL PUBLIC LICENSE (LGPL v3), Version 3.
+#
+#    This program is distributed in the hope that it will be useful,
+#    but WITHOUT ANY WARRANTY; without even the implied warranty of
+#    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+#    GNU LESSER GENERAL PUBLIC LICENSE (LGPL v3) for more details.
+#
+#    You should have received a copy of the GNU LESSER GENERAL PUBLIC LICENSE
+#    (LGPL v3) along with this program.
+#    If not, see <http://www.gnu.org/licenses/>.
+#
+#############################################################################
+from . import controllers

theme_splash/__manifest__.py

@@ -0,0 +1,74 @@
+# -*- coding: utf-8 -*-
+#############################################################################
+#
+#    Cybrosys Technologies Pvt. Ltd.
+#
+#    Copyright (C) 2024-TODAY Cybrosys Technologies(<https://www.cybrosys.com>)
+#    Author: Cybrosys Techno Solutions(<https://www.cybrosys.com>)
+#
+#    You can modify it under the terms of the GNU LESSER
+#    GENERAL PUBLIC LICENSE (LGPL v3), Version 3.
+#
+#    This program is distributed in the hope that it will be useful,
+#    but WITHOUT ANY WARRANTY; without even the implied warranty of
+#    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+#    GNU LESSER GENERAL PUBLIC LICENSE (LGPL v3) for more details.
+#
+#    You should have received a copy of the GNU LESSER GENERAL PUBLIC LICENSE
+#    (LGPL v3) along with this program.
+#    If not, see <http://www.gnu.org/licenses/>.
+#
+#############################################################################
+{
+    'name': 'Theme Splash',
+    'version': '17.0.1.0.0',
+    'category': 'Theme/Corporate',
+    'summary': 'Design Web Pages with Theme Splash',
+    'description': 'Theme Splash is an attractive and unique front-end theme '
+                   'mainly suitable for eCommerce website. Many custom '
+                   'designed snippets facilitates to add better user experience'
+                   'Contains best deals with new arrival products slider, '
+                   'testimonial slider that are configured from the backend. '
+                   'This theme fully customized the eCommerce website, '
+                   'shop view, custom categories view, product view,'
+                   ' contact us page...etc. it contains price filter '
+                   'and clear cart options by default.',
+    'author': 'Cybrosys Techno Solutions',
+    'company': 'Cybrosys Techno Solutions',
+    'maintainer': 'Cybrosys Techno Solutions',
+    'website': "https://www.cybrosys.com",
+    'depends': ['base', 'website_sale_wishlist', 'website_blog'],
+    'data': [
+        'views/contact_us_templates.xml',
+        'views/website_layout_templates.xml',
+        'views/shop_templates.xml',
+        'views/blog_templates.xml',
+        'views/snippets/website_snippets_templates.xml',
+        'views/snippets/about.xml',
+        'views/snippets/service.xml',
+        'views/snippets/index/index_banner.xml',
+        'views/snippets/index/index_about.xml',
+        'views/snippets/index/index_tab_section.xml',
+        'views/snippets/index/index_about_section.xml',
+        'views/snippets/index/index_service.xml',
+        'views/snippets/index/index_expect_tab.xml',
+        'views/snippets/index/index_commercial_service.xml',
+        'views/snippets/index/index_testmonial.xml',
+        'views/snippets/index/index_blog.xml',
+        'views/snippets/index/index_partner.xml'
+    ],
+    'assets': {
+        'web.assets_frontend': [
+            '/theme_splash/static/src/css/style.css',
+            '/theme_splash/static/src/css/font-awesome.min.css',
+        ]
+    },
+    'images': [
+        'static/description/banner.jpg',
+        'static/description/theme_default_screenshot.jpg'
+    ],
+    'license': 'LGPL-3',
+    'installable': True,
+    'auto_install': False,
+    'application': False,
+}

theme_splash/controllers/__init__.py

@@ -0,0 +1,22 @@
+# -*- coding: utf-8 -*-
+#############################################################################
+#
+#    Cybrosys Technologies Pvt. Ltd.
+#
+#    Copyright (C) 2024-TODAY Cybrosys Technologies(<https://www.cybrosys.com>)
+#    Author: Cybrosys Techno Solutions(<https://www.cybrosys.com>)
+#
+#    You can modify it under the terms of the GNU LESSER
+#    GENERAL PUBLIC LICENSE (LGPL v3), Version 3.
+#
+#    This program is distributed in the hope that it will be useful,
+#    but WITHOUT ANY WARRANTY; without even the implied warranty of
+#    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+#    GNU LESSER GENERAL PUBLIC LICENSE (LGPL v3) for more details.
+#
+#    You should have received a copy of the GNU LESSER GENERAL PUBLIC LICENSE
+#    (LGPL v3) along with this program.
+#    If not, see <http://www.gnu.org/licenses/>.
+#
+#############################################################################
+from . import theme_splash

theme_splash/controllers/theme_splash.py

@@ -0,0 +1,62 @@
+# -*- coding: utf-8 -*-
+#############################################################################
+#
+#    Cybrosys Technologies Pvt. Ltd.
+#
+#    Copyright (C) 2024-TODAY Cybrosys Technologies(<https://www.cybrosys.com>)
+#    Author: Cybrosys Techno Solutions(<https://www.cybrosys.com>)
+#
+#    You can modify it under the terms of the GNU LESSER
+#    GENERAL PUBLIC LICENSE (LGPL v3), Version 3.
+#
+#    This program is distributed in the hope that it will be useful,
+#    but WITHOUT ANY WARRANTY; without even the implied warranty of
+#    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+#    GNU LESSER GENERAL PUBLIC LICENSE (LGPL v3) for more details.
+#
+#    You should have received a copy of the GNU LESSER GENERAL PUBLIC LICENSE
+#    (LGPL v3) along with this program.
+#    If not, see <http://www.gnu.org/licenses/>.
+#
+#############################################################################
+from odoo import fields, http
+from odoo.addons.website_blog.controllers.main import WebsiteBlog
+from odoo.http import request
+from odoo.osv import expression
+
+
+class WebsiteBlogInherit(WebsiteBlog):
+    """Overrides the blog() and blog_post() methods to add recent posts to
+    their respective contexts.It also sets limits and orders for the posts
+    displayed on the blog and blog post pages."""
+
+    @http.route()
+    def blog(self, blog=None, tag=None, search=None, **opt):
+        """It fetches recent blog posts that are published on the website and
+        updates the context of the blog page with the recent posts."""
+        posts = request.env['blog.post'].search(expression.AND([
+            [('website_published', '=', True),
+             ('post_date', '<=', fields.Datetime.now())],
+            request.website.website_domain()
+        ]), limit=3, order='published_date desc')
+        res = super(WebsiteBlogInherit, self).blog(blog=blog, tag=tag, page=1,
+                                                   search=search, **opt)
+        res.qcontext.update({'posts_recent': posts})
+        return res
+
+    @http.route()
+    def blog_post(self, blog, blog_post, tag_id=None, **post):
+        """It adds a context variable 'posts_recent', which contains a list of
+        recent blog posts (limited to 3) to be displayed on the blog
+        post page."""
+        posts = request.env['blog.post'].search(expression.AND([
+            [('website_published', '=', True),
+             ('post_date', '<=', fields.Datetime.now())],
+            request.website.website_domain()
+        ]), limit=3, order='published_date desc')
+        res = super(WebsiteBlogInherit, self).blog_post(blog, blog_post,
+                                                        tag_id=tag_id, page=1,
+                                                        enable_editor=None,
+                                                        **post)
+        res.qcontext.update({'posts_recent': posts})
+        return res

theme_splash/doc/RELEASE_NOTES.md

@@ -0,0 +1,6 @@
+## Module <theme_splash>
+
+#### 06.02.2024
+#### Version 17.0.1.0.0
+#### ADD
+- Initial commit for Theme Splash

theme_splash/static/description/index.html

@@ -0,0 +1,263 @@
+<div class="oe_styling_v8">
+    <!-- Hero Section -->
+    <div class="container pt-4 mt-4 rounded" style="background-color: #fff; font-family: Montserrat, 'sans-serif';">
+        <div class="row">
+            <div class="col-lg-12 mb-4">
+                <img src="images/Cybrosys.png" alt="Cybrosys Logo" style="width: 120px; height: auto;">
+                <hr style="border-color: #e1e5e9;"/>
+            </div>
+        </div>
+        <div class="row">
+            <div class="col-lg-12 text-center">
+                <img src="images/hero.gif" width=60% height="auto" class="mb-4" alt="Theme Screenshot">
+            </div>
+            <div class="col-lg-12 text-center">
+                <h1 class="mt-4">Theme Splash</h1>
+                <p class="lead mb-4" style="max-width: 700px; margin: 0 auto;">
+                    Theme Splash is an attractive and unique front-end theme mainly suitable for eCommerce website. Many
+                    custom designed snippets facilitates to add better user experience. Contains best deals with new
+                    arrival
+                    products slider, testimonial slider that are configured from the backend. This theme fully
+                    customized
+                    the eCommerce website, shop view, custom categories view, product view, contact us page...etc. it
+                    contains price filter and clear cart options by default.
+                </p>
+            </div>
+        </div>
+
+        <!-- End of Hero Section -->
+
+        <!-- Alternate Section -->
+        <div class="row p-4">
+            <div class="col-lg-6 px-4" style="margin-top: 100px;">
+                <h2>Desktop View</h2>
+                <p class="lead">
+                    It is easy to customize and use. Just drag and drop the building blocks to make attractive
+                    webpages.
+                </p>
+            </div>
+            <div class="col-lg-6 px-4">
+                <img style="border-radius: 0.5em;" src="images/laptop-screenshots.jpg" width="90%" height="auto"
+                     class="mb-4 shadow-sm" alt="Theme Screenshot">
+            </div>
+        </div>
+        <div class="row p-4">
+            <div class="col-lg-6 px-4">
+                <img style="border-radius: 0.5em;" src="images/phone-screenshots.jpg" width="90%" height="auto"
+                     class="mb-4 shadow-sm" alt="Theme Screenshot">
+            </div>
+            <div class="col-lg-6 px-4" style="margin-top: 100px;">
+                <h2>Mobile View</h2>
+                <p class="lead">
+                    User friendly and modern looking theme makes your page more Stylish And Beautiful.
+                </p>
+            </div>
+        </div>
+        <!-- End of Alternate Section -->
+
+        <!-- Two Columns Section -->
+        <div class="row p-4">
+            <!-- Column 1 -->
+            <div class="col-lg-6">
+                <div class="row">
+                    <div class="col-lg-12">
+                        <img style="border-radius: 0.5em;" src="images/1.jpg" width="100%" height="auto"
+                             class="mb-4 shadow-sm" alt="Theme Screenshot">
+                    </div>
+                    <div class="col-lg-12 mt-4">
+                        <h2 class="text-center">Home Page</h2>
+                        <p class="lead text-center">
+                            It is easy to customize and use. Just drag and drop the building blocks to make
+                            attractive
+                            webpages.Customizable building blocks in home page design helps you to edit them as per
+                            needs. </p>
+                    </div>
+                </div>
+            </div>
+            <!-- End of Column 1 -->
+
+            <!-- Column 2 -->
+            <div class="col-lg-6">
+                <div class="row">
+                    <div class="col-lg-12">
+                        <img style="border-radius: 0.5em;" src="images/2.jpg" width="100%" height="auto"
+                             class="mb-4 shadow-sm" alt="Theme Screenshot">
+                    </div>
+                    <div class="col-lg-12 mt-4">
+                        <h2 class="text-center">Blog</h2>
+                        <p class="lead text-center">
+                            It is easy to customize and use. Just drag and drop the building blocks to make attractive
+                            webpages.
+                        </p>
+                    </div>
+                </div>
+            </div>
+            <!-- End of Column 2 -->
+        </div>
+        <!-- End of Two Columns Section -->
+
+
+        <!-- One Column Section -->
+        <div class="row p-4">
+            <div class="col-lg-6">
+                <img style="border-radius: 0.5em;" src="images/3.jpg" width="90%" height="auto" class="mb-4 shadow-sm"
+                     alt="Theme Screenshot">
+            </div>
+            <div class="col-lg-6" style="padding-top: 100px;">
+                <h2>Overview</h2>
+                <p class="lead">
+                    It is easy to customize and use. Just drag and drop the building blocks to make attractive
+                    webpages.
+                </p>
+            </div>
+        </div>
+        <!-- End of One Columns Section -->
+
+
+        <!-- Two Columns Section -->
+        <div class="row p-4">
+            <!-- Column 1 -->
+            <div class="col-lg-6">
+                <div class="row">
+                    <div class="col-lg-12">
+                        <img style="border-radius: 0.5em;" src="images/contact_us.png" width="100%" height="auto"
+                             class="mb-4 shadow-sm" alt="Theme Screenshot">
+                    </div>
+                    <div class="col-lg-12 mt-4">
+                        <h2 class="text-center">Contact</h2>
+                        <p class="lead text-center">
+                            It is easy to customize and use. Just drag and drop the building blocks to make attractive
+                            webpages.
+                        </p>
+                    </div>
+                </div>
+            </div>
+            <!-- End of Column 1 -->
+
+            <!-- Column 2 -->
+            <div class="col-lg-6">
+                <div class="row">
+                    <div class="col-lg-12">
+                        <img style="border-radius: 0.5em;" src="images/6.jpg" width="100%" height="auto"
+                             class="mb-4 shadow-sm" alt="Theme Screenshot">
+                    </div>
+                    <div class="col-lg-12 mt-4">
+                        <h2 class="text-center">Services</h2>
+                        <p class="lead text-center">
+                            It is easy to customize and use. Just drag and drop the building blocks to make attractive
+                            webpages.
+                        </p>
+                    </div>
+                </div>
+            </div>
+            <!-- End of Column 2 -->
+
+            <!-- Column 4 -->
+            <div class="col-lg-4">
+                <div class="row">
+                    <div class="col-lg-12">
+                        <img style="border-radius: 0.5em;" src="images/6.jpg" width="100%" height="auto"
+                             class="mb-4 shadow-sm" alt="Theme Screenshot">
+                    </div>
+                    <div class="col-lg-12 mt-4">
+                        <h2 class="text-center">About</h2>
+                        <p class="lead text-center">
+                            It is easy to customize and use. Just drag and drop the building blocks to make attractive
+                            webpages.
+                        </p>
+                    </div>
+                </div>
+            </div>
+            <!-- End of Column 4 -->
+        </div>
+        <!-- End of Two Columns Section -->
+
+
+        <!-- Demo Pages -->
+        <section class="oe_container">
+            <div class="row" style="margin: 60px auto -30px;">
+                <div class="col-lg-12 text-center">
+                    <h4 class="mt-4">Demo Pages</h4>
+                    <hr style="border-width: 3px; border-color: #0984e3; width: 100px;">
+                </div>
+            </div>
+
+            <div class="row" style="margin: 40px auto; border-radius: 15px; padding: 38px;">
+                <div class="col-sm-6 col-md-4 px-2">
+                    <div class="bg-white shadow overflow-hidden mb32"
+                         style="border-radius: 15px; width: 300px; padding-bottom: 0; margin-right: 30px;">
+                        <img src="./images/demo-2.png" width="300px" height="auto">
+                        <h6 class="text-center my-3">Blog</h6>
+                        <hr style="border-width: 5px; border-color: #0984e3; width: 150px; margin-bottom: 0;">
+                    </div>
+                </div>
+
+                <div class="col-sm-6 col-md-4 px-2">
+                    <div class="bg-white shadow overflow-hidden mb32"
+                         style="border-radius: 15px; width: 300px; padding-bottom: 0;">
+                        <img src="./images/demo-1.png" width="300px" height="auto">
+                        <h6 class="text-center my-3">Home</h6>
+                        <hr style="border-width: 5px; border-color: #05c46b; width: 150px; margin-bottom: 0;">
+                    </div>
+                </div>
+            </div>
+        </section>
+        <!-- End of Demo Pages -->
+
+        <!-- Footer -->
+        <div class="row" style="margin-top: 4rem;">
+            <div class="col-lg-12 text-center">
+                <h2>Get Help</h2>
+                <hr style=" border: 2px solid #b22126; margin-top: 2px;" width="40px">
+                <p class="text-center" style="max-width: 650px; margin: 0 auto;">If you have anything to share with
+                    us
+                    based
+                    on
+                    your use of this module, please let us know. We are ready to offer our support.</p>
+            </div>
+        </div>
+        <div class="row">
+            <div class="col px-4 pt-3 pb-2 shadow-sm"
+                 style="background-color: #fff; max-width: 450px; border-radius: 0.5em; margin: 1em auto;">
+                <div class="row">
+                    <div class="col-lg-8">
+                        <h6><a href="mailto:odoo@cybrosys.com" target="_blank"
+                               style="color: #050505; text-decoration: none;"><i
+                                class="fa fa-envelope mr-2"></i>odoo@cybrosys.com</a></h6>
+                    </div>
+                    <div class="col-lg-4 d-flex justify-content-end" style="position: relative;">
+                        <h6><a href="mailto:odoo@cybrosys.com" target="_blank"
+                               style="color: #050505; text-decoration: none;"><i class="fa fa-chevron-right"></i></a>
+                        </h6>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <div class="row">
+            <div class="col px-4 pt-3 pb-2 shadow-sm"
+                 style="background-color: #fff; max-width: 450px; border-radius: 0.5em; margin: 1em auto;">
+                <div class="row">
+                    <div class="col-lg-8">
+                        <h6><a href="https://www.cybrosys.com" target="_blank"
+                               style="color: #050505; text-decoration: none;"><i
+                                class="fa fa-globe mr-2"></i>www.cybrosys.com</a></h6>
+                    </div>
+                    <div class="col-lg-4 d-flex justify-content-end" style="position: relative;">
+                        <h6><a href="https://www.cybrosys.com" target="_blank"
+                               style="color: #050505; text-decoration: none;"><i class="fa fa-chevron-right"></i></a>
+                        </h6>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <div class="row">
+            <div class="col-lg-12 mt-4 mb-2 text-center">
+                <p style="font-weight: bold">A Quality Theme From</p>
+            </div>
+            <div class="col-lg-12 text-center">
+                <img src="images/cybro-logo-oca.png" width="80px" height="auto">
+            </div>
+        </div>
+        <!-- End of Footer -->
+    </div>
+</div>

theme_splash/static/src/scss/_common.scss

@@ -0,0 +1,38 @@
+*{
+    list-style-type:none;
+
+    font-family: $font-default;
+   
+    &:focus,&:active{
+        outline: none !important;
+    }
+}
+img{width: 100%;}
+
+.borderd_header {
+    font-size: 18px;
+    position: relative;
+    &::after{
+      position: absolute;
+      left: 0;
+      bottom: -4px;
+      height: 2px;
+      width: 70px;
+      background: #db4242;
+      content: "";
+      display: block;
+    }
+    
+  }
+
+.para{
+  color: #535353;
+  letter-spacing: 0.1rem;
+  margin-bottom: 30px;
+  padding-top: 20px;
+  line-height: 1.7rem;
+  font-size: 18px;
+}
+html {
+  scroll-behavior: smooth;
+}

theme_splash/static/src/scss/_normalize.scss

@@ -0,0 +1,350 @@
+/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
+
+/* Document
+   ========================================================================== */
+
+/**
+ * 1. Correct the line height in all browsers.
+ * 2. Prevent adjustments of font size after orientation changes in iOS.
+ */
+
+ html {
+    line-height: 1.15; /* 1 */
+    -webkit-text-size-adjust: 100%; /* 2 */
+  }
+  
+  /* Sections
+     ========================================================================== */
+  
+  /**
+   * Remove the margin in all browsers.
+   */
+  
+  body {
+    margin: 0;
+  }
+  
+  /**
+   * Render the `main` element consistently in IE.
+   */
+  
+  main {
+    display: block;
+  }
+  
+  /**
+   * Correct the font size and margin on `h1` elements within `section` and
+   * `article` contexts in Chrome, Firefox, and Safari.
+   */
+  
+  h1 {
+    font-size: 2em;
+    margin: 0.67em 0;
+  }
+  
+  /* Grouping content
+     ========================================================================== */
+  
+  /**
+   * 1. Add the correct box sizing in Firefox.
+   * 2. Show the overflow in Edge and IE.
+   */
+  
+  hr {
+    box-sizing: content-box; /* 1 */
+    height: 0; /* 1 */
+    overflow: visible; /* 2 */
+  }
+  
+  /**
+   * 1. Correct the inheritance and scaling of font size in all browsers.
+   * 2. Correct the odd `em` font sizing in all browsers.
+   */
+  
+  pre {
+    font-family: monospace, monospace; /* 1 */
+    font-size: 1em; /* 2 */
+  }
+  
+  /* Text-level semantics
+     ========================================================================== */
+  
+  /**
+   * Remove the gray background on active links in IE 10.
+   */
+  
+  a {
+    background-color: transparent;
+  }
+  
+  /**
+   * 1. Remove the bottom border in Chrome 57-
+   * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
+   */
+  
+  abbr[title] {
+    border-bottom: none; /* 1 */
+    text-decoration: underline; /* 2 */
+    text-decoration: underline dotted; /* 2 */
+  }
+  
+  /**
+   * Add the correct font weight in Chrome, Edge, and Safari.
+   */
+  
+  b,
+  strong {
+    font-weight: bolder;
+  }
+  
+  /**
+   * 1. Correct the inheritance and scaling of font size in all browsers.
+   * 2. Correct the odd `em` font sizing in all browsers.
+   */
+  
+  code,
+  kbd,
+  samp {
+    font-family: monospace, monospace; /* 1 */
+    font-size: 1em; /* 2 */
+  }
+  
+  /**
+   * Add the correct font size in all browsers.
+   */
+  
+  small {
+    font-size: 80%;
+  }
+  
+  /**
+   * Prevent `sub` and `sup` elements from affecting the line height in
+   * all browsers.
+   */
+  
+  sub,
+  sup {
+    font-size: 75%;
+    line-height: 0;
+    position: relative;
+    vertical-align: baseline;
+  }
+  
+  sub {
+    bottom: -0.25em;
+  }
+  
+  sup {
+    top: -0.5em;
+  }
+  
+  /* Embedded content
+     ========================================================================== */
+  
+  /**
+   * Remove the border on images inside links in IE 10.
+   */
+  
+  img {
+    border-style: none;
+  }
+  
+  /* Forms
+     ========================================================================== */
+  
+  /**
+   * 1. Change the font styles in all browsers.
+   * 2. Remove the margin in Firefox and Safari.
+   */
+  
+  button,
+  input,
+  optgroup,
+  select,
+  textarea {
+    font-family: inherit; /* 1 */
+    font-size: 100%; /* 1 */
+    line-height: 1.15; /* 1 */
+    margin: 0; /* 2 */
+  }
+  
+  /**
+   * Show the overflow in IE.
+   * 1. Show the overflow in Edge.
+   */
+  
+  button,
+  input { /* 1 */
+    overflow: visible;
+  }
+  
+  /**
+   * Remove the inheritance of text transform in Edge, Firefox, and IE.
+   * 1. Remove the inheritance of text transform in Firefox.
+   */
+  
+  button,
+  select { /* 1 */
+    text-transform: none;
+  }
+  
+  /**
+   * Correct the inability to style clickable types in iOS and Safari.
+   */
+  
+  button,
+  [type="button"],
+  [type="reset"],
+  [type="submit"] {
+    -webkit-appearance: button;
+  }
+  
+  /**
+   * Remove the inner border and padding in Firefox.
+   */
+  
+  button::-moz-focus-inner,
+  [type="button"]::-moz-focus-inner,
+  [type="reset"]::-moz-focus-inner,
+  [type="submit"]::-moz-focus-inner {
+    border-style: none;
+    padding: 0;
+  }
+  
+  /**
+   * Restore the focus styles unset by the previous rule.
+   */
+  
+  button:-moz-focusring,
+  [type="button"]:-moz-focusring,
+  [type="reset"]:-moz-focusring,
+  [type="submit"]:-moz-focusring {
+    outline: 1px dotted ButtonText;
+  }
+  
+  /**
+   * Correct the padding in Firefox.
+   */
+  
+  fieldset {
+    padding: 0.35em 0.75em 0.625em;
+  }
+  
+  /**
+   * 1. Correct the text wrapping in Edge and IE.
+   * 2. Correct the color inheritance from `fieldset` elements in IE.
+   * 3. Remove the padding so developers are not caught out when they zero out
+   *    `fieldset` elements in all browsers.
+   */
+  
+  legend {
+    box-sizing: border-box; /* 1 */
+    color: inherit; /* 2 */
+    display: table; /* 1 */
+    max-width: 100%; /* 1 */
+    padding: 0; /* 3 */
+    white-space: normal; /* 1 */
+  }
+  
+  /**
+   * Add the correct vertical alignment in Chrome, Firefox, and Opera.
+   */
+  
+  progress {
+    vertical-align: baseline;
+  }
+  
+  /**
+   * Remove the default vertical scrollbar in IE 10+.
+   */
+  
+  textarea {
+    overflow: auto;
+  }
+  
+  /**
+   * 1. Add the correct box sizing in IE 10.
+   * 2. Remove the padding in IE 10.
+   */
+  
+  [type="checkbox"],
+  [type="radio"] {
+    box-sizing: border-box; /* 1 */
+    padding: 0; /* 2 */
+  }
+  
+  /**
+   * Correct the cursor style of increment and decrement buttons in Chrome.
+   */
+  
+  [type="number"]::-webkit-inner-spin-button,
+  [type="number"]::-webkit-outer-spin-button {
+    height: auto;
+  }
+  
+  /**
+   * 1. Correct the odd appearance in Chrome and Safari.
+   * 2. Correct the outline style in Safari.
+   */
+  
+  [type="search"] {
+    -webkit-appearance: textfield; /* 1 */
+    outline-offset: -2px; /* 2 */
+  }
+  
+  /**
+   * Remove the inner padding in Chrome and Safari on macOS.
+   */
+  
+  [type="search"]::-webkit-search-decoration {
+    -webkit-appearance: none;
+  }
+  
+  /**
+   * 1. Correct the inability to style clickable types in iOS and Safari.
+   * 2. Change font properties to `inherit` in Safari.
+   */
+  
+  ::-webkit-file-upload-button {
+    -webkit-appearance: button; /* 1 */
+    font: inherit; /* 2 */
+  }
+  
+  /* Interactive
+     ===========================================
+  =============================== */
+  
+  /*
+   * Add the correct display in Edge, IE 10+, and Firefox.
+   */
+  
+  details {
+    display: block;
+  }
+  
+  /*
+   * Add the correct display in all browsers.
+   */
+  
+  summary {
+    display: list-item;
+  }
+  
+  /* Misc
+     ========================================================================== */
+  
+  /**
+   * Add the correct display in IE 10+.
+   */
+  
+  template {
+    display: none;
+  }
+  
+  /**
+   * Add the correct display in IE 10.
+   */
+  
+  [hidden] {
+    display: none;
+  }

theme_splash/static/src/scss/_variables.scss

@@ -0,0 +1,22 @@
+//font
+$font-default:'Kumbh Sans', sans-serif;
+$font-offer: 'Kaushan Script', cursive;
+
+//colors
+
+$color-brand: #24c5ce;
+$color-black:#000000;
+$color-white:#fff;
+$color-font:#797979;
+$color-font2:#535353;
+$color-sub-head:#087b81;;
+$color-bg:#f7f7f7;
+$color-footer:#036b70;
+$color-p:#aaa;
+$color-border:#d6d6d6;
+
+//fon-size
+
+$font-size-subheading:36px;
+$font-size-text: 18px;
+$font-size-banner:60px;

theme_splash/static/src/scss/components/_buttons.scss

@@ -0,0 +1,192 @@
+.btn {
+    border: none !important;
+    outline: none !important;
+    &-primary {
+        background-color: #0aa1aa !important;
+        border-color: #0aa1aa;
+        padding: 10px 26px;
+        color: #fff !important;
+        font-size: 20px;
+        font-weight: 600;
+        border-radius: 8px;
+        &:hover {
+            background-color: darken($color-sub-head, 5%) !important;
+            border: none; 
+        }
+    }
+    &-qut {
+        background-color: #0aa1aa !important;
+        border-color: #0aa1aa;
+        padding: 10px 26px;
+        color: #fff !important;
+        font-size: 20px;
+        font-weight: 600;
+        border-radius: 8px;
+        &:hover {
+            background-color: darken($color-sub-head, 5%) !important;
+            border: none; 
+        }
+
+        @media screen  and(max-width:1198px){
+            
+            font-size: 16px;
+            padding: 5px 45px;
+        }
+    }
+    &-get {
+        background-color: $color-white !important;
+        border-color: $color-white;
+        padding: 11px 29px;
+        color: $color-sub-head !important;
+        font-size: 20px;
+        font-weight: 600;
+        border-radius: 8px;
+        margin-right: 10px;
+        &:hover {
+            color: $color-black !important;
+            border: none; 
+        }
+
+        @media screen and(max-width:382px) {
+
+            margin-bottom: 20px;
+            margin-left: 10px;
+        }
+    }
+
+    &-get_t {
+        background-color: $color-white !important;
+        border-color: $color-white;
+        padding: 11px 29px;
+        color: $color-sub-head !important;
+        font-size: 20px;
+        font-weight: 600;
+        border-radius: 8px;
+        margin-right: 10px;
+        &:hover {
+            color: $color-black !important;
+            border: none; 
+        }
+
+        @media screen and(max-width:424px) {
+
+            margin-bottom: 20px;
+          
+        }
+    }
+    &-quote {
+        background-color:transparent !important;
+        border-color: none;
+        color: #6ddbba !important;
+        font-size: 18px;
+        font-weight: 600;
+        outline: transparent !important;
+        &:hover {
+          color: darken(#6ddbba, 5%) !important;
+            border: none; 
+        }
+    }
+    &-quoteF {
+        background-color:transparent !important;
+        border-color: none;
+        color: #6ddbba !important;
+        font-size: 18px;
+        font-weight: 600;
+        outline: transparent !important;
+        padding-left: 0;
+        &:hover {
+          color: darken(#6ddbba, 5%) !important;
+            border: none; 
+        }
+    }
+    &-light {
+        margin-left: 20px;
+        color: #fff;
+        padding: 9px 25px !important;
+       
+  cursor: pointer;
+     
+        padding: 9px 35px;
+        &:hover {
+ 
+  color: #fff;
+
+        }
+    }
+   
+    &-service {
+        background-color: $color-white !important;
+        border-color: #0aa1aa;
+        border: 1px solid !important;
+        padding: 11px 29px;
+        color:  #0aa1aa !important;
+        font-size: 20px;
+        font-weight: 600;
+        border-radius: 8px;
+        margin-top: 20px;
+        &:hover {
+            background-color:$color-sub-head !important;
+            border: none; 
+            color: $color-white !important;
+        }
+        
+    }  
+    
+    &-sub {
+        background-color: #0aa1aa !important;
+        border-color: #0aa1aa;
+        padding: 11px ;
+        width: 100%;
+        color: #fff !important;
+        font-size: 20px;
+        font-weight: 600;
+        border-radius: 8px;
+        &:hover {
+            background-color: darken($color-sub-head, 5%) !important;
+            border: none; 
+        }
+    }
+    &-booking {
+        background-color: transparent !important;
+        border-color: #ffffff;
+        border: 1px solid !important;
+        padding: 11px 29px;
+        color: $color-white !important;
+        font-size: 20px;
+        font-weight: 600;
+        border-radius: 8px;
+       
+        &:hover {
+            background-color:$color-white !important;
+            border: $color-white !important; 
+            color: $color-black !important;
+        }
+        
+    } 
+    &-reply{
+        color: $color-sub-head;
+        font-size: 16px;
+        font-weight: 600;
+        padding: 0;
+        outline-style: none !important;
+        outline: none !important;
+        &:hover{
+            color: $color-brand;
+        }
+    }
+
+    &-pop{
+        color: $color-font2;
+        font-size: 18px;
+        border: 1px solid !important;
+        border-color:$color-border !important;
+        border-radius: 5px;
+        padding: 6px 10px;
+        margin-bottom: 10px !important;
+        &:hover{
+            
+            color: $color-white !important;
+            background-color: $color-sub-head;
+        }
+    }
+}

theme_splash/static/src/scss/components/_components.scss

@@ -0,0 +1,3 @@
+@import './banner';
+@import './buttons';
+@import './product';

theme_splash/static/src/scss/layout/_footer.scss

@@ -0,0 +1,131 @@
+.footer {
+    background-color: $color-footer;
+    padding-top: 90px;
+
+.footer_part{
+
+    @media screen and(max-width:996px) {
+
+        margin-bottom: 40px;
+        
+    }
+}
+
+    h4 {
+        color: $color-white;
+        font-size: 25px;
+        font-weight: 600;
+    }
+    .fp {
+        color: $color-p;
+        margin-bottom: 30px;
+        padding-top: 20px;
+        line-height: 1.7rem;
+        font-size: 18px;
+    }
+    .fpm {
+        color: $color-p;
+        font-size: 18px;
+        padding-top: 10px;
+        a {
+            color: $color-p;
+            &:hover {
+                text-decoration: none;
+                color: $color-white;
+            }
+        }
+    }
+    .footer_icons {
+
+        @media screen and(max-width:996px) {
+
+            margin-bottom: 40px;
+
+            padding-bottom: 10px;
+            
+        }
+        ul {
+            display: flex;
+            list-style: none;
+            padding-left: 0;
+            margin-top: 20px;
+
+            .fb {
+                &:hover {
+                    background: #3b5998;
+                    color: #fff;
+                }
+            }
+            .tw {
+                &:hover {
+                    background: #1da1f2;
+                    color: #fff;
+                }
+            }
+            .gg {
+                &:hover {
+                    background: #f44336;
+                    color: #fff;
+                }
+            }
+            .dr {
+                &:hover {
+                    background: #ea4c89;
+                    color: #fff;
+                }
+            }
+
+            li {
+                color: $color-p;
+                font-size: 18px;
+                width: 40px;
+                height: 40px;
+                border-radius: 50%;
+                margin-right: 20px;
+                background-color: #363434;
+                text-align: center;
+                padding-top: 11px;
+
+                &:hover {
+                    background-color: $color-sub-head;
+                }
+            }
+        }
+    }
+    .ping{
+
+        @media screen and(max-width:996px) {
+
+            margin-bottom: 40px;
+            padding-bottom: 10px;
+        }
+        .form-inline{
+            margin-bottom: 15px;
+        }
+        .md-form{
+            width: 100%;
+            margin-bottom: 20px;
+            .form-control{
+                width: 100%;
+                padding: 26px 12px;
+                border-radius: 5px;
+            }
+        }
+    }
+    .footer_bottom{
+        margin-top: 30px;
+    
+           padding: 30px 0;
+            color: $color-p;
+        font-size: 18px;
+        background-color:#05393b;;
+
+        a{
+            color: $color-white;
+            text-decoration: none;
+            &:hover{
+                color: $color-sub-head;
+            }
+        }        
+    }
+}

theme_splash/static/src/scss/layout/_header.scss

@@ -0,0 +1,168 @@
+
+.nav-wrapper{
+    background-color: $color-white;
+    box-shadow: 0 10px 15px rgba(25, 25, 25, 0.1);
+z-index: 9999;
+animation: 300ms ease-in-out 0s normal none 1 running fadeInDown;
+-webkit-box-shadow: 0 10px 15px rgba(25, 25, 25, 0.1);
+    .navbar {
+    margin: auto 105px;
+
+    @media screen and(max-width:600px){
+        margin:auto;
+    }
+    #new{
+
+        padding-top: 35px;
+    padding-bottom: 35px;
+    }
+
+    .navbar-toggler {
+        border-color: $color-sub-head;
+        &:hover {
+            background-color: $color-sub-head;
+        }
+        span {
+            padding-top: 2px;
+            padding-bottom: 2px;
+            padding-left: 3px;
+            padding-right: 3px;
+            color: #149180 !important;
+            font-size: 26px;
+            color: $color-sub-head !important;
+            &:hover {
+                color: $color-white !important;
+            }
+        }
+    }
+
+    .navbar-brand {
+        color: $color-brand;
+        font-size: 36px;
+        font-weight: 600;
+    }
+
+    .nav-item {
+        .nav-link {
+            padding-right: 0.8rem;
+            padding-left: 0.8rem;
+            color: $color-font;
+            &:hover {
+                color: $color-black !important;
+            }
+        }
+    }
+
+    .active {
+        .nav-link {
+            color: $color-sub-head !important;
+        }
+    }
+
+    .search {
+        span {
+            color: $color-sub-head;
+            color: #036b70;
+            margin-right: 20px;
+            font-size: 20px;
+            width: 40px;
+            height: 40px;
+            border-radius: 50%;
+            display: inline-block;
+            text-align: center;
+            line-height: 41px;
+            &:hover {
+                background-color: $color-sub-head;
+                color: $color-white;
+            }
+        }
+    }
+}
+}
+.banner{
+    .carousel-indicators li{
+        box-sizing: content-box;
+-ms-flex: 0 1 auto;
+flex: 0 1 auto;
+width: 15px;
+height: 15px;
+margin-right: 14px;
+margin-left: 3px;
+text-indent: -999px;
+cursor: pointer;
+background-color: #fff;
+background-clip: padding-box;
+border-top: 10px solid transparent;
+border-bottom: 10px solid transparent;
+opacity: .5;
+transition: opacity .6s ease;
+border-radius: 50%;
+
+    }
+
+    .card{
+        margin-top: 100px;
+        align-self: center;
+        background: transparent;
+        border: none;
+         
+        .card-title{
+            color: $color-white;
+            font-size: 60px;
+            font-weight: 600;
+            @media screen and(max-width:768px) {
+
+                font-size: 40px;
+            }
+            span{
+                margin-top: 20px;
+            }
+        }
+        .card-text{
+            color: $color-white;
+            font-size: 18px;
+            margin-top: 32px;
+            margin-bottom: 35px;
+        }
+    }
+}
+.banner-1 {
+
+    display: flex;
+    align-items: flex-start;
+justify-content: center;
+    background:linear-gradient( rgba(0, 0, 0, 0.5) 100%, rgba(0, 0, 0, 0.5)100%),  url(./../images/banner/banner1.jpg);
+  
+    height: 100vh;
+    background-size: cover;
+    width: 100%;
+    background-repeat: no-repeat;
+    background-position: center;
+
+  }
+  .banner-2 {
+
+    display: flex;
+    align-items: flex-start;
+justify-content: center;
+    background:linear-gradient( rgba(0, 0, 0, 0.5) 100%, rgba(0, 0, 0, 0.5)100%),  url(./../images/banner/banner2.jpg);
+  
+    height: 100vh;
+    background-size: cover;
+    width: 100%;
+    background-repeat: no-repeat;
+    background-position: center;
+
+  }.banner-3 {
+
+    display: flex;
+    align-items: flex-start;
+justify-content: center;
+    background:linear-gradient( rgba(0, 0, 0, 0.5) 100%, rgba(0, 0, 0, 0.5)100%),  url(./../images/banner/banner3.jpg);
+    height: 100vh;
+    background-size: cover;
+    width: 100%;
+    background-repeat: no-repeat;
+    background-position: center;
+  
+  }

theme_splash/static/src/scss/layout/_layouts.scss

@@ -0,0 +1,4 @@
+@import './header';
+@import './navigation';
+@import './footer';
+@import './sidebar';