+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/theme_watchhut/static/description/theme_screenshot.jpg b/theme_watchhut/static/description/theme_screenshot.jpg
new file mode 100644
index 000000000..ad479422f
Binary files /dev/null and b/theme_watchhut/static/description/theme_screenshot.jpg differ
diff --git a/theme_watchhut/static/src/css/style.css b/theme_watchhut/static/src/css/style.css
new file mode 100644
index 000000000..ec20ab097
--- /dev/null
+++ b/theme_watchhut/static/src/css/style.css
@@ -0,0 +1,1617 @@
+/*
+@import url("https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap");
+@import url("https://fonts.googleapis.com/css2?family=Cinzel+Decorative:wght@400;700;900&display=swap");
+*/
+/*! 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;
+}
+
+.popover a,
+.oe_website_sale a{
+ background-color: transparent;
+ color: #000;
+ text-decoration: none !important;
+}
+.popover a:hover,
+.oe_website_sale a:hover{
+ color: #404040;
+}
+
+
+/**
+ * 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;
+}
+
+.o_cta_navigation_container.position-absolute.position-lg-static{
+ position: static !important;
+}
+
+/**
+ * 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;
+}
+#top_menu_container {
+ max-width: 100% !important;
+}
+.badge-primary {
+ background-color: #6c757d !important;
+ color: white !important;
+ border-color: #007bff !important;
+}
+
+.badge {
+ background-color: #007bff !important;
+ color: white !important;
+ border-color: #007bff !important;
+}
+
+.navbar {
+ padding: 30px 0;
+ margin: 0 60px;
+}
+
+@media screen and (max-width: 768px) {
+ .navbar {
+ margin: 0 20px;
+ }
+ .preview .preview_img {
+ height: 500px;
+ }
+ .contact .contact_contents .email_c,
+ .contact .contact_contents .tel_c {
+ padding-bottom: 0px !important;
+ }
+ .contact .contact_contents .email_c a span,
+ .contact .contact_contents .tel_c a span{
+ font-size: 20px;
+ }
+}
+
+.navbar .navbar-collapse {
+ transition: all 0.35s ease-out;
+ transform-origin: center left;
+}
+
+.navbar .navbar-nav {
+ background: #ffffff;
+}
+.navbar .navbar-nav .top_menu {
+ margin-top: 15px;
+}
+
+.navbar .navbar-nav .nav-item {
+ padding: 0 15px;
+ text-align: center;
+}
+
+.navbar .navbar-nav .nav-link {
+ color: black !important;
+ padding-left: 15px !important;
+}
+
+.navbar .navbar-nav .nav-link:hover {
+ color: #8d8d8d !important;
+}
+
+.navbar .navbar-nav .nav-link img {
+ width: 50%;
+ max-width: 25px;
+ max-height: 25px;
+}
+
+.navbar .nav-shop {
+ margin-left: auto;
+}
+
+.navbar .nav-shop .nav-link {
+ color: #000000;
+ padding-left: 15px;
+}
+
+.navbar .nav-shop .nav-link:hover {
+ color: rgba(0, 0, 0, 0.747);
+}
+
+.bg-light {
+ background-color: transparent !important;
+}
+
+.navbar-light .navbar-brand {
+ color: black !important;
+ font-size: 35px;
+ font-family: "Cinzel Decorative", cursive;
+}
+
+@media screen and (max-width: 768px) {
+ .navbar-light .navbar-brand {
+ font-size: 25px;
+ }
+}
+
+.navbar-light .brand-shop {
+ color: #000000 !important;
+}
+
+.navbar-light .navbar-nav .active >
+.nav-link, .navbar-light .navbar-nav
+.nav-link.active, .navbar-light .navbar-nav
+.nav-link.show, .navbar-light .navbar-nav .show > .nav-link {
+ color: white;
+ border: 1px solid;
+ border-color: transparent;
+ background-image: linear-gradient(360deg, #fff 2%, #00000059 6%) !important;
+ padding-bottom: 10px;
+}
+
+.new {
+ fill: black;
+}
+
+.new:hover {
+ fill: rgba(75, 75, 75, 0.747) !important;
+}
+
+.navbar-toggler span {
+ display: block;
+ background-color: #4f4f4f;
+ height: 3px;
+ width: 25px;
+ margin-top: 5px;
+ margin-bottom: 5px;
+ position: relative;
+ left: 0;
+ opacity: 1;
+ transition: all 0.35s ease-out;
+ transform-origin: center left;
+}
+
+/* top line needs a little padding */
+.navbar-toggler span:nth-child(1) {
+ margin-top: 0.3em;
+}
+
+/**
+ * Animate collapse into X.
+ */
+/* top line rotates 45 degrees clockwise and moves up and in a bit to close the center of the X in the center of the button */
+.navbar-toggler:not(.collapsed) span:nth-child(1) {
+ transform: translate(15%, -33%) rotate(45deg);
+}
+
+/* center line goes transparent */
+.navbar-toggler:not(.collapsed) span:nth-child(2) {
+ opacity: 0;
+}
+
+/* bottom line rotates 45 degrees counter clockwise, in, and down a bit to close the center of the X in the center of the button */
+.navbar-toggler:not(.collapsed) span:nth-child(3) {
+ transform: translate(15%, 33%) rotate(-45deg);
+}
+
+/**
+ * Animate collapse open into hamburger menu
+ */
+/* top line moves back to initial position and rotates back to 0 degrees */
+.navbar-toggler span:nth-child(1) {
+ transform: translate(0%, 0%) rotate(0deg);
+}
+
+/* middle line goes back to regular color and opacity */
+.navbar-toggler span:nth-child(2) {
+ opacity: 1;
+}
+
+/* bottom line goes back to initial position and rotates back to 0 degrees */
+.navbar-toggler span:nth-child(3) {
+ transform: translate(0%, 0%) rotate(0deg);
+}
+
+.o_footer {
+ background-color: transparent;
+}
+.o_footer .o_footer_copyright {
+ background-color: rgb(35, 35, 35);
+}
+
+.footer {
+ background-color: #000000 !important;
+}
+
+.footer .footer_bg {
+ height: 500px;
+ background-image: url(/theme_watchhut/static/src/images/gallery/footer1.jpg);
+ background-size: cover;
+ background-repeat: no-repeat;
+ margin: 60px 0;
+ background-position: center;
+}
+.navbar .navbar-nav .nav-item a{
+ display: flex;
+ align-items: center;
+}
+
+
+.footer .footer_bottom {
+ padding: 40px 40px;
+ margin-left: 40px;
+}
+
+.footer .footer_bottom h3 {
+ color: #ffffff !important;
+ font-size: 35px;
+ font-family: "Cinzel Decorative", cursive;
+}
+
+.footer .footer_bottom ul {
+ display: flex;
+ padding-left: 0;
+}
+
+.footer .footer_bottom ul li {
+ background-image: linear-gradient(360deg, #fff 2%, #00000059 6%);
+ margin: 0 20px;
+}
+
+.footer .footer_bottom ul li a {
+ font-size: 18px;
+ color: #fdeaea;
+ text-decoration: none;
+}
+
+.footer .footer_bottom ul li:first-child {
+ margin-left: 0 !important;
+}
+
+.footer .footer_bottom p {
+ color: #ffffff;
+ margin-top: 30px;
+ letter-spacing: 2px;
+}
+
+.footer .footer_bottom p a {
+ text-decoration: none;
+ color: #fdeaea;
+}
+
+.footer .footer_bottom p a:hover {
+ color: #3e300bdb;
+}
+
+.banner {
+ padding: 50px 0;
+}
+
+@media screen and (max-width: 768px) {
+ .banner {
+ padding: 30px 0px;
+ margin-bottom: 30px;
+ }
+}
+
+.banner .banner_head {
+ color: black;
+ text-align: center;
+ font-size: calc(3.6vw + 1rem);
+ margin: auto;
+ font-family: "Cinzel Decorative", cursive;
+}
+
+.banner_about {
+ padding: 50px 0;
+}
+
+@media screen and (max-width: 768px) {
+ .banner_about {
+ padding: 30px 0;
+ }
+}
+
+.banner_about .banner_head {
+ color: black;
+ text-align: center;
+ font-size: calc(3.6vw + 1rem);
+ margin: auto;
+ font-family: "Cinzel Decorative", cursive;
+}
+
+.banner_contact {
+ padding: 50px 0;
+}
+
+@media screen and (max-width: 768px) {
+ .banner_contact {
+ padding: 30px 0;
+ }
+}
+
+.banner_contact .banner_head {
+ color: black;
+ text-align: center;
+ font-size: calc(3.6vw + 1rem);
+ margin: auto;
+ font-family: "Cinzel Decorative", cursive;
+}
+
+.banner_preview {
+ padding-top: 50px;
+ padding-bottom: 0px !important;
+}
+
+ @media screen and (max-width: 768px) {
+ .banner_preview {
+ padding: 30px 0;
+ }
+ }
+
+.banner_preview .banner_head {
+ color: black;
+ text-align: center;
+ font-size: calc(3.6vw + 1rem);
+ margin: auto;
+ font-family: "Cinzel Decorative", cursive;
+}
+
+.btn {
+ border: none !important;
+ outline: none !important;
+ box-shadow: none !important;
+ font-family: "Lora", serif;
+}
+
+.btn-primary {
+ color: #ffffff !important;
+ background: #595959 !important;
+ border-color: #595959 !important;
+}
+
+.btn-primary:hover {
+ color: #ffffff;
+ background: #404040 !important;
+ border: #404040 !important;
+}
+.btn-secondary {
+ color: #fff !important;
+ background-color: #9299a0 !important;
+ border-color: #9299a0 !important;
+}
+.btn-secondary:hover {
+ color: #fff !important;
+ background-color: #778088 !important;
+ border-color: #778088 !important;
+}
+
+.btn-shop {
+ background-color: transparent !important;
+ border-radius: 0 !important;
+ font-size: 30px !important;
+ color: #ffffff !important;
+ background-image: linear-gradient(360deg, #fff 2%, #00000059 6%);
+}
+
+.btn-shop:hover {
+ color: black !important;
+ border: none;
+ background: transparent;
+}
+
+.btn-submit {
+ background-color: transparent !important;
+ border-radius: 0 !important;
+ font-size: 20px !important;
+ color: #ffffff !important;
+ background-image: linear-gradient(360deg, #fff 2%, #00000059 6%);
+}
+
+.btn-submit:hover {
+ color: black !important;
+ border: none;
+ background-image: linear-gradient(360deg, #fff 100%, #00000059 6%);
+}
+
+.btn-minus {
+ background-color: transparent !important;
+ border-color: #858585 !important;
+ height: 100%;
+ border: 1px solid black;
+ border-radius: 0 !important;
+ -webkit-border-radius: 0 !important;
+ -moz-border-radius: 0 !important;
+ -ms-border-radius: 0 !important;
+ -o-border-radius: 0 !important;
+}
+
+.btn-minus:hover {
+ background: #3e300bdb !important;
+ border: transparent !important;
+ color: #ffffff;
+}
+
+.btn-add {
+ margin-top: 20px !important;
+ display: block !important;
+ color: #ffffff !important;
+ font-size: 18px !important;
+ padding-top: 15px !important;
+ background: #858585 !important;
+ border-radius: 0 !important;
+ height: 60px !important;
+ -webkit-border-radius: 0 !important;
+ -moz-border-radius: 0 !important;
+ -ms-border-radius: 0 !important;
+ -o-border-radius: 0 !important;
+}
+
+.btn-add:hover {
+ color: #ffffff;
+ background: #787878 !important;
+}
+
+.gallery .gallery_content {
+ margin: 30px;
+}
+
+@media screen and (max-width: 768px) {
+ .gallery .gallery_content {
+ margin: 5px;
+ }
+}
+
+.gallery .wrapper {
+ padding-bottom: 40px;
+}
+
+.gallery .wrapper img {
+ width: 100%;
+}
+
+.inline-photo {
+ opacity: 0;
+ transform: translateY(0em) rotateZ(0deg);
+ transition: transform 6s 0.25s cubic-bezier(0, 1, 0.3, 1), opacity 0.9s 0.25s ease-out;
+ will-change: transform, opacity;
+ -webkit-transform: translateY(0em) rotateZ(0deg);
+ -moz-transform: translateY(0em) rotateZ(0deg);
+ -ms-transform: translateY(0em) rotateZ(0deg);
+ -o-transform: translateY(0em) rotateZ(0deg);
+ -webkit-transition: transform 6s 0.25s cubic-bezier(0, 1, 0.3, 1), opacity 0.9s 0.25s ease-out;
+ -moz-transition: transform 6s 0.25s cubic-bezier(0, 1, 0.3, 1), opacity 0.9s 0.25s ease-out;
+ -ms-transition: transform 6s 0.25s cubic-bezier(0, 1, 0.3, 1), opacity 0.9s 0.25s ease-out;
+ -o-transition: transform 6s 0.25s cubic-bezier(0, 1, 0.3, 1), opacity 0.9s 0.25s ease-out;
+}
+
+.inline-photo.is-visible {
+ opacity: 1;
+ transform: rotateZ(0deg);
+ -webkit-transform: rotateZ(0deg);
+ -moz-transform: rotateZ(0deg);
+ -ms-transform: rotateZ(0deg);
+ -o-transform: rotateZ(0deg);
+}
+
+.shop_button .wrapper {
+ padding-top: 40px;
+ text-align: center;
+ color: black;
+}
+
+.shop_button .wrapper p {
+ line-height: 2.2rem;
+ font-size: 20px;
+ padding-bottom: 30px;
+}
+
+.about .large {
+ opacity: 1;
+}
+
+.about .large .large_text {
+ font-size: 65px;
+ color: black;
+ letter-spacing: .5em;
+}
+
+@media screen and (max-width: 992px) {
+ .about .large .large_text {
+ font-size: 45px;
+ letter-spacing: .5em;
+ }
+}
+
+@media screen and (max-width: 992px) {
+ .about .large .large_text {
+ font-size: 45px;
+ letter-spacing: .2em;
+ }
+}
+
+@media screen and (max-width: 992px) {
+ .about .large .large_text {
+ font-size: 35px;
+ }
+}
+
+.about .large .large_text p {
+ font-size: 14px;
+ margin-top: -10px;
+ letter-spacing: 2px !important;
+}
+
+@media screen and (max-width: 992px) {
+ .about .large .large_text p {
+ margin-top: 10px;
+ }
+}
+
+.about .about_content {
+ color: black;
+ margin-top: 100px;
+ padding-bottom: 50px;
+}
+
+.about .about_content h4 {
+ font-size: 25px;
+ padding-bottom: 20px;
+ font-family: "Lora", serif;
+}
+
+.about .about_content p {
+ letter-spacing: 2px;
+ line-height: 2rem;
+}
+
+.about .about_content .ital {
+ font-style: italic;
+}
+
+.shop {
+ background-color: #ffffff;
+}
+
+.shop .banner .banner_head {
+ color: #000000;
+ text-align: center;
+ font-size: calc(3.6vw + 1rem);
+ margin: auto;
+ font-family: "Cinzel Decorative", cursive;
+}
+
+.product {
+ padding: 0 50px;
+ /* Add padding BETWEEN each column */
+ /* Create three equal columns that floats next to each other */
+ /* Clear floats after rows */
+ /* Content */
+ /* The "show" class is added to the filtered elements */
+ /* Style the buttons */
+}
+
+.product .way {
+ color: #000000;
+ text-decoration: none;
+}
+
+.product .img_details {
+ padding-top: 20px;
+ text-align: center;
+}
+
+.product .img_details h4 {
+ padding-top: 20px;
+ font-weight: normal;
+ font-family: "Lora", serif;
+}
+
+.shop .product .main {
+ text-align: center;
+ margin: auto;
+}
+
+.shop .product .main h2 {
+ text-align: center;
+ font-size: 60px;
+ color: #000000;
+ text-transform: uppercase;
+ padding-bottom: 30px;
+}
+
+@media screen and (max-width: 768px) {
+ .shop .product .main h2 {
+ font-size: 30px;
+ }
+}
+
+.shop .product .main .categories {
+ display: flex;
+ justify-content: center;
+}
+
+@media screen and (max-width: 768px) {
+ .shop .product .main .categories {
+ display: block;
+ }
+}
+
+.shop .product h1 {
+ font-size: 50px;
+ word-break: break-all;
+}
+
+.product .row {
+ margin: 10px -16px;
+}
+
+.product .row,
+.product .row > .column {
+ padding: 8px;
+}
+
+.product .column {
+ float: left;
+ width: 33.33%;
+ /*display: none;*/
+ /* Hide all elements by default */
+}
+
+.product .row:after {
+ content: "";
+ display: table;
+ clear: both;
+}
+
+.product .content {
+ padding: 20px 0;
+}
+
+.oe_product_cart:hover {
+ box-shadow: 0 0 20px 0 transparent;
+}
+.oe_product_cart .oe_product_image {
+ flex: none;
+}
+.oe_product_cart .oe_product_image span {
+ overflow: hidden;
+}
+.oe_product_cart .oe_product_image img {
+ transition: transform .01s;
+ width: 100%;
+ height: auto;;
+ object-fit: cover;
+ /*transition: 0.5s all ease-in-out;*/
+}
+.oe_product_cart .oe_product_image img:hover {
+ /* transform: scale(1.1); */
+}
+
+.oe_product_cart:hover .o_wsale_product_information {
+ background-color: transparent !important;
+}
+.oe_product_cart .o_wsale_product_information .o_wsale_product_information_text h6{
+ padding-top: 20px !important;
+ font-weight: normal !important;
+ font-color: #000 !important;
+ font-size: 1rem !important;
+}
+.oe_product_cart .o_wsale_product_information .o_wsale_product_information_text h6 a{
+ color: #000 !important;
+ text-decoration: none;
+}
+
+span[data-oe-type="monetary"],
+span[data-oe-type="monetary"] .oe_currency_value,
+.radio_input_value .badge-secondary{
+ color: #000;
+ font-size: 1rem;
+ font-weight: 400;
+}
+
+#cart_total #order_total .text-xl-right .monetary_field,
+#cart_total #order_total .text-xl-right .monetary_field .oe_currency_value{
+ color: #000;
+ margin-top: 0;
+ margin-bottom: 1rem;
+ font-size: 1.2rem;
+ font-weight: 400;
+}
+.products_pager .pagination .page-item.active .page-link {
+ color: #fff;
+ background-color: #6c757d;
+ border-color: #6c757d;
+}
+
+.products_pager .pagination .page-item .page-link {
+ color: #6c757d;
+}
+
+.products_pager .pagination .page-item .page-link:hover {
+ color: #fff;
+ background-color: #5a6268;
+ border-color: #545b62;
+}
+
+.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
+ background-color: #6c757d !important;
+ color: #fff !important;
+}
+#wsale_products_categories_collapse .nav-pills .nav-link{
+ color: #000;
+}
+
+.o_carousel_product_control {
+ background-color: #6c757d;
+}
+
+.oe_website_sale table#cart_products td:first-child, .oe_website_sale table#cart_products th:first-child {
+ padding: 35px;
+}
+.table thead th {
+ vertical-align: middle !important;
+}
+.dropdown-toggle .fa-user-circle-o{
+ color: #666666;
+}
+.dropdown-toggle .fa-user-circle-o:hover{
+ color: #8d8d8d;
+}
+
+.product .show {
+ display: block;
+}
+
+.product .btn {
+ border: none;
+ outline: none;
+ padding: 12px 16px;
+ background-color: white;
+ cursor: pointer;
+ color: #000000;
+}
+
+.product .btn:hover {
+ color: grey;
+}
+
+.product .btn.active {
+ color: grey;
+}
+
+#hh {
+ transition: 0.5s;
+}
+
+.contact .contact_contents .email_c,
+.contact .contact_contents .tel_c {
+ padding-bottom: 10px;
+}
+
+.contact .contact_contents .email_c a,
+.contact .contact_contents .tel_c a {
+ color: black;
+ font-size: 20px;
+ text-decoration: none;
+}
+
+.contact .contact_contents ul {
+ display: flex;
+ padding-left: 0;
+ margin-top: 20px;
+}
+
+.contact .contact_contents ul li {
+ width: 40px;
+ padding-right: 15px;
+}
+.form-check-input {
+ position: relative !important;
+}
+
+
+.contact .contact_contents ul li:first-child {
+ margin-right: 10px;
+}
+
+.contact .contact_contents ul a img {
+ width: 100%;
+}
+
+.contact .contact_contents ul a span {
+ color: black;
+ font-size: 25px;
+}
+
+.contact .contact_contents ul a .fa-instagram:hover {
+ color: #bc2a8d;
+ /*background: linear-gradient(45deg, #405de6,#5851db, #833ab4, #c13584, #e1306c, #fd1d1d);*/
+}
+.contact .contact_contents ul a .fa-facebook:hover {
+ color: #4267B2;
+}
+.contact .contact_contents ul a .fa-twitter:hover {
+ color: #1DA1F2;
+}
+
+.contact .contact_contents form {
+ margin-top: 50px;
+ padding-bottom: 50px;
+}
+
+.form-control:focus {
+ border-color: #595959 !important;
+ box-shadow: 0 0 0 0rem rgba(35, 141, 255, 0.25) !important;
+}
+
+.contact .contact_contents form .form-group label {
+ color: black;
+}
+
+.contact .contact_contents form .form-group .form-control {
+ display: block;
+ width: 100%;
+ height: calc(2.5em + 0.75rem + 2px);
+ padding: 0.375rem 0.75rem;
+ font-size: 1rem;
+ font-weight: 400;
+ line-height: 1.5;
+ color: #000000;
+ background-color: #b3b1b1;
+ background-clip: padding-box;
+ border: 1px solid;
+ border-radius: 0;
+ transition: outline 0.15s ease-in-out;
+ -webkit-border-radius: 0;
+ -moz-border-radius: 0;
+ -ms-border-radius: 0;
+ -o-border-radius: 0;
+ box-shadow: none;
+ border-color: transparent;
+ -webkit-transition: outline 0.15s ease-in-out;
+ -moz-transition: outline 0.15s ease-in-out;
+ -ms-transition: outline 0.15s ease-in-out;
+ -o-transition: outline 0.15s ease-in-out;
+}
+
+.contact .contact_contents form textarea:focus,
+.contact .contact_contents form .form-control:focus {
+ outline: 3px solid black !important;
+ outline-offset: 4px;
+ background-color: white !important;
+ border: white;
+}
+
+.insta {
+ fill: black;
+}
+
+.insta:hover {
+ fill: white !important;
+ background: #ffa600;
+}
+
+.fb {
+ fill: black;
+}
+
+.fb:hover {
+ fill: #0066ff !important;
+}
+
+.twt {
+ fill: black;
+}
+
+.twt:hover {
+ fill: #38b8f3 !important;
+}
+
+.breadcrumb {
+ margin-left: 0px !important;
+ margin-top: 10px;
+ margin-bottom: 5px !important;
+ background: transparent !important;
+}
+
+.breadcrumb .breadcrumb-item {
+ position: relative;
+ padding-right: 0.5rem;
+}
+
+.breadcrumb .breadcrumb-item a {
+ color: #000000;
+ text-decoration: none;
+}
+
+.breadcrumb .breadcrumb-item:first-child::before {
+ display: inline-block;
+ color: #6c757d;
+ content: "" !important;
+ display: none !important;
+}
+
+.breadcrumb .breadcrumb-item::before {
+ display: inline-block;
+ color: #000000;
+ content: "" !important;
+ height: 10px;
+ width: 8px;
+ left: -8px;
+ position: absolute;
+ border: 1px solid;
+ border-top-color: currentcolor;
+ border-left-color: currentcolor;
+ bottom: 6px;
+ transform: translate;
+ transform: rotate(314deg);
+ border-top-color: transparent;
+ border-left-color: transparent;
+
+}
+
+@media (max-width: 768px) { /* Adjust breakpoint as needed */
+ .breadcrumb .breadcrumb-item::before {
+ display: none !important;
+ }
+}
+
+.breadcrumb .breadcrumb-item.active span{
+ margin-left:2px;
+}
+
+.preview {
+ padding: 0 20px;
+ margin-top: 50px;
+}
+
+.preview nav {
+ margin-bottom: 10px;
+}
+
+.preview nav a {
+ color: #000000;
+ font-size: 25px;
+ padding-right: 20px;
+}
+
+.preview .pre_wrapper {
+ flex-basis: 50%;
+ max-height: 100vh;
+ overflow-y: scroll;
+ border: 1px solid white;
+ scroll-snap-type: y mandatory;
+ scroll-snap-type: x mandatory;
+ scroll-behavior: smooth;
+ scrollbar-width: none;
+ /* Firefox */
+ -ms-overflow-style: none;
+ /* IE 10+ */
+}
+
+.preview .pre_wrapper::-webkit-scrollbar {
+ width: 0px;
+ background: transparent;
+ /* Chrome/Safari/Webkit */
+}
+
+.preview .pre_wrapper.proximity {
+ scroll-snap-type: y proximity;
+}
+
+.preview .preview_img {
+ cursor: all-scroll;
+}
+
+.preview .preview_img img {
+ width: 100%;
+}
+
+.preview .preview_left {
+ margin-top: 0px;
+ padding: 0px 20px;
+}
+
+.preview .preview_left h2 {
+ font-weight: normal;
+ font-size: 50px;
+ padding-top: 20px;
+ font-family: "Lora", serif;
+}
+
+div.o_wsale_product_btn .fa-heart{
+ color: black;
+}
+
+.preview .preview_left .price {
+ font-size: 20px;
+ padding-top: 5px;
+}
+
+.preview .preview_left .details {
+ padding-top: 5px;
+ line-height: 30px;
+ word-spacing: 5px;
+ margin-bottom: 5px;
+}
+
+.preview .preview_left .quantity {
+ padding-top: 1px;
+ padding-bottom: 1px;
+}
+
+.preview .preview_left .quantity label {
+ font-size: 25px;
+}
+
+.preview .preview_left .quantity .input-group {
+ margin-top: 15px;
+ width: 115px;
+}
+.input-group{
+ flex-wrap: nowrap !important;
+
+}
+
+.variant_attribute .attribute_name {
+ font-size: 25px;
+ padding-top: 20px;
+ padding-bottom: 20px;
+ font-family: "Lora", serif;
+}
+.variant_attribute .radio_input_value {
+ font-weight: 400;
+}
+
+* {
+ list-style-type: none;
+ font-family: "Lora", serif;
+}
+
+*:focus, *:active {
+ outline: none !important;
+}
+
+body {
+ background-color: #ffffff;
+}
+
+*:hover {
+ transition: 0.5s;
+}
+
+*::selection {
+ color: #00ccff;
+}
+
+.btn-watchhut a{
+ color: #fff !important;
+ background-color: #9299a0 !important;
+ border-color: #9299a0 !important;
+}
+
+.btn-watchhut a:hover {
+ color: #fff !important;
+ background-color: #778088 !important;
+ border-color: #778088 !important;
+}
+
+.o_wsale_apply_layout .btn-light{
+
+ background-color: transparent !important;
+ border-color: #929a09 !important;
+}
+
+.o_wsale_apply_grid i{
+ color: #778088 !important;
+}
+
+.o_wsale_apply_list i{
+ color: #778088 !important;
+}
+
+.btn-check:checked + .btn-light{
+ color: #212529 !important;
+ background-color: #778088 !important;
+ border-color: #778088 !important;
+}
+
+.btn-check:checked + .btn-light i{
+ color: white !important;
+
+}
+
+.o_wsale_apply_grid{
+ border-top-left-radius: 4px !important;
+ border-bottom-left-radius: 4px !important;
+}
+
+.o_wsale_apply_layout .o_wsale_apply_grid, .o_wsale_apply_list{
+margin-bottom:0px !important;
+}
+
+#products_grid:not(.o_wsale_layout_list) td.oe_product .o_wsale_product_btn {
+ position: absolute;
+ top: -71px;
+ left: 0.5rem;
+ bottom: calc(100% + 0.5rem);
+ right: auto;
+ z-index: 2;
+ transform: translate(50px, 50px);
+}
+
+.btn-outline-primary{
+ color: #fff !important;
+ border-color: #778088 !important;
+}
+
+.o_wsale_product_btn .bg-white{
+ background-color: #778088 !important;
+}
+
+.input-group .btn-light{
+ color: #fff !important;
+ background-color: #778088 !important;
+ border-color: #778088 !important;
+}
+
+.product_option_block .btn-link{
+ color: #778088 !important;
+}
+
+#o_products_attributes_1 .flex-column .form-check{
+ margin-left: 4px;
+}
+
+@media (max-width: 575.98px) {
+
+.products_header{
+ position: relative;
+}
+
+.products_header .o_searchbar_form .input-group {
+ position: absolute;
+ top: -125px;
+ width: 100%;
+}
+
+.shop_button .wrapper p{
+ font-size: 18px;
+}
+
+.row .shop_b a{
+ font-size: 20px !important;
+}
+}
+
+
+.o_pricelist_dropdown{
+ margin-left: 5px !important;
+ margin-right: 5px;
+}
+
+.product_detail_img{
+ width:64px;
+}
+
+.variant_image{
+ width:64px;
+}
+
+
+.d-none.d-md-inline {
+ color: black;
+}
+
+.o_portal_icon img{
+ width: 90px;
+}
+
+div.align-items-end .fa-shopping-cart{
+ color: black;
+}
+
+@media(max-width: 366px){
+ div#cart_products .flex-grow-1{
+ width: 1px;
+ }
+}
+
+::selection {
+ color: #00ccff;
+}
+
+::selection {
+ background: rgba(150, 150, 220, 0.3);
+}
+
+::selection {
+ background: rgba(150, 150, 220, 0.3);
+}
+
+.o_wsale_product_grid_wrapper {
+ overflow: hidden;
+
+}
+
+@media screen and (max-width: 991px) {
+ div#wrapwrap .navbar{
+ width: 90%;
+ }
+ .footer .footer_bg {
+ background-image: url(/theme_watchhut/static/src/images/gallery/footer1.jpg);
+ background-size: 99% 99%;
+ margin-bottom: -5%;
+ }
+ section.footer .footer_bg{
+ height: 200px !important;
+ }
+}
+
+.oe_product_cart .o_wsale_product_btn .btn:hover {
+ background-color: #778088;
+ color: white;
+}
+
+.o_footer a:not(.btn):hover {
+ color: #778088 !important;
+}
+
+.navbar-light .navbar-nav .nav-link.active {
+ border: none !important;
+}
+
+@media (min-width: 992px) {
+ .o_website_sale_checkout .o_total_card {
+ top: 1rem !important;
+ }
+}
+
+.o_wsale_cart_line_button_container {
+ display: flex;
+ align-items: center;
+}
+
+.form-check-input:checked {
+ background-color: #0056b3 !important;
+ border-color: #0056b3 !important;
+}
+.css_attribute_color.active {
+ border-color: #0056b3 !important;
+}
+
+#brand_icon {
+ display: flex;
+}
+
+.text-primary {
+ color: #0056b3 !important;
+}
+input[type="range"]::-webkit-slider-runnable-track {
+ background-color: #0056b3 !important;
+}
+.border-primary {
+ border-color: #0056b3 !important;
+}
\ No newline at end of file
diff --git a/theme_watchhut/static/src/images/gallery/1.jpg b/theme_watchhut/static/src/images/gallery/1.jpg
new file mode 100644
index 000000000..7ce645c1b
Binary files /dev/null and b/theme_watchhut/static/src/images/gallery/1.jpg differ
diff --git a/theme_watchhut/static/src/images/gallery/2.jpg b/theme_watchhut/static/src/images/gallery/2.jpg
new file mode 100644
index 000000000..ac1cc8f6b
Binary files /dev/null and b/theme_watchhut/static/src/images/gallery/2.jpg differ
diff --git a/theme_watchhut/static/src/images/gallery/4.jpg b/theme_watchhut/static/src/images/gallery/4.jpg
new file mode 100644
index 000000000..719535fb1
Binary files /dev/null and b/theme_watchhut/static/src/images/gallery/4.jpg differ
diff --git a/theme_watchhut/static/src/images/gallery/5.jpg b/theme_watchhut/static/src/images/gallery/5.jpg
new file mode 100644
index 000000000..0d44a2de0
Binary files /dev/null and b/theme_watchhut/static/src/images/gallery/5.jpg differ
diff --git a/theme_watchhut/static/src/images/gallery/6.jpg b/theme_watchhut/static/src/images/gallery/6.jpg
new file mode 100644
index 000000000..d63c27523
Binary files /dev/null and b/theme_watchhut/static/src/images/gallery/6.jpg differ
diff --git a/theme_watchhut/static/src/images/gallery/ee.gif b/theme_watchhut/static/src/images/gallery/ee.gif
new file mode 100644
index 000000000..e9f3f18d0
Binary files /dev/null and b/theme_watchhut/static/src/images/gallery/ee.gif differ
diff --git a/theme_watchhut/static/src/images/gallery/footer.jpg b/theme_watchhut/static/src/images/gallery/footer.jpg
new file mode 100644
index 000000000..426e165e8
Binary files /dev/null and b/theme_watchhut/static/src/images/gallery/footer.jpg differ
diff --git a/theme_watchhut/static/src/images/gallery/footer1.jpg b/theme_watchhut/static/src/images/gallery/footer1.jpg
new file mode 100644
index 000000000..ce600daa4
Binary files /dev/null and b/theme_watchhut/static/src/images/gallery/footer1.jpg differ
diff --git a/theme_watchhut/static/src/images/gallery/ww.jpg b/theme_watchhut/static/src/images/gallery/ww.jpg
new file mode 100644
index 000000000..025616f0c
Binary files /dev/null and b/theme_watchhut/static/src/images/gallery/ww.jpg differ
diff --git a/theme_watchhut/static/src/images/icon/facebook.svg b/theme_watchhut/static/src/images/icon/facebook.svg
new file mode 100644
index 000000000..f5658415e
--- /dev/null
+++ b/theme_watchhut/static/src/images/icon/facebook.svg
@@ -0,0 +1,2 @@
+
+
diff --git a/theme_watchhut/static/src/images/icon/instagram.svg b/theme_watchhut/static/src/images/icon/instagram.svg
new file mode 100644
index 000000000..1e790eedd
--- /dev/null
+++ b/theme_watchhut/static/src/images/icon/instagram.svg
@@ -0,0 +1,2 @@
+
+
diff --git a/theme_watchhut/static/src/images/icon/shopping-cart.svg b/theme_watchhut/static/src/images/icon/shopping-cart.svg
new file mode 100644
index 000000000..551b175a4
--- /dev/null
+++ b/theme_watchhut/static/src/images/icon/shopping-cart.svg
@@ -0,0 +1,53 @@
+
+
diff --git a/theme_watchhut/static/src/images/icon/shopping-cartshop.svg b/theme_watchhut/static/src/images/icon/shopping-cartshop.svg
new file mode 100644
index 000000000..551b175a4
--- /dev/null
+++ b/theme_watchhut/static/src/images/icon/shopping-cartshop.svg
@@ -0,0 +1,53 @@
+
+
diff --git a/theme_watchhut/static/src/images/icon/twitter.svg b/theme_watchhut/static/src/images/icon/twitter.svg
new file mode 100644
index 000000000..026a3bb74
--- /dev/null
+++ b/theme_watchhut/static/src/images/icon/twitter.svg
@@ -0,0 +1,2 @@
+
+
diff --git a/theme_watchhut/static/src/images/product/1-1.jpg b/theme_watchhut/static/src/images/product/1-1.jpg
new file mode 100644
index 000000000..babcc9597
Binary files /dev/null and b/theme_watchhut/static/src/images/product/1-1.jpg differ
diff --git a/theme_watchhut/static/src/images/product/1.jpg b/theme_watchhut/static/src/images/product/1.jpg
new file mode 100644
index 000000000..dc949c95a
Binary files /dev/null and b/theme_watchhut/static/src/images/product/1.jpg differ
diff --git a/theme_watchhut/static/src/images/product/2-2.jpg b/theme_watchhut/static/src/images/product/2-2.jpg
new file mode 100644
index 000000000..49fa22c29
Binary files /dev/null and b/theme_watchhut/static/src/images/product/2-2.jpg differ
diff --git a/theme_watchhut/static/src/images/product/2.jpg b/theme_watchhut/static/src/images/product/2.jpg
new file mode 100644
index 000000000..99883ea68
Binary files /dev/null and b/theme_watchhut/static/src/images/product/2.jpg differ
diff --git a/theme_watchhut/static/src/images/product/3-3.jpg b/theme_watchhut/static/src/images/product/3-3.jpg
new file mode 100644
index 000000000..b4fed6187
Binary files /dev/null and b/theme_watchhut/static/src/images/product/3-3.jpg differ
diff --git a/theme_watchhut/static/src/images/product/3.jpg b/theme_watchhut/static/src/images/product/3.jpg
new file mode 100644
index 000000000..042d91738
Binary files /dev/null and b/theme_watchhut/static/src/images/product/3.jpg differ
diff --git a/theme_watchhut/static/src/images/product/4-4.jpg b/theme_watchhut/static/src/images/product/4-4.jpg
new file mode 100644
index 000000000..0de7ebc38
Binary files /dev/null and b/theme_watchhut/static/src/images/product/4-4.jpg differ
diff --git a/theme_watchhut/static/src/images/product/4.jpg b/theme_watchhut/static/src/images/product/4.jpg
new file mode 100644
index 000000000..39a9bfb92
Binary files /dev/null and b/theme_watchhut/static/src/images/product/4.jpg differ
diff --git a/theme_watchhut/static/src/images/product/5-5.jpg b/theme_watchhut/static/src/images/product/5-5.jpg
new file mode 100644
index 000000000..3eb9d5e4e
Binary files /dev/null and b/theme_watchhut/static/src/images/product/5-5.jpg differ
diff --git a/theme_watchhut/static/src/images/product/5.jpg b/theme_watchhut/static/src/images/product/5.jpg
new file mode 100644
index 000000000..e662c547f
Binary files /dev/null and b/theme_watchhut/static/src/images/product/5.jpg differ
diff --git a/theme_watchhut/static/src/images/product/6-6.jpg b/theme_watchhut/static/src/images/product/6-6.jpg
new file mode 100644
index 000000000..973577ccc
Binary files /dev/null and b/theme_watchhut/static/src/images/product/6-6.jpg differ
diff --git a/theme_watchhut/static/src/images/product/6.jpg b/theme_watchhut/static/src/images/product/6.jpg
new file mode 100644
index 000000000..1f860ad96
Binary files /dev/null and b/theme_watchhut/static/src/images/product/6.jpg differ
diff --git a/theme_watchhut/static/src/images/product/7-7.jpg b/theme_watchhut/static/src/images/product/7-7.jpg
new file mode 100644
index 000000000..429340411
Binary files /dev/null and b/theme_watchhut/static/src/images/product/7-7.jpg differ
diff --git a/theme_watchhut/static/src/images/product/7.jpg b/theme_watchhut/static/src/images/product/7.jpg
new file mode 100644
index 000000000..4ad1fc868
Binary files /dev/null and b/theme_watchhut/static/src/images/product/7.jpg differ
diff --git a/theme_watchhut/static/src/images/product/8-8.jpg b/theme_watchhut/static/src/images/product/8-8.jpg
new file mode 100644
index 000000000..51ed60284
Binary files /dev/null and b/theme_watchhut/static/src/images/product/8-8.jpg differ
diff --git a/theme_watchhut/static/src/images/product/8.jpg b/theme_watchhut/static/src/images/product/8.jpg
new file mode 100644
index 000000000..cff0c3acb
Binary files /dev/null and b/theme_watchhut/static/src/images/product/8.jpg differ
diff --git a/theme_watchhut/static/src/images/product/9-9.jpg b/theme_watchhut/static/src/images/product/9-9.jpg
new file mode 100644
index 000000000..d350ae4c0
Binary files /dev/null and b/theme_watchhut/static/src/images/product/9-9.jpg differ
diff --git a/theme_watchhut/static/src/images/product/9.jpg b/theme_watchhut/static/src/images/product/9.jpg
new file mode 100644
index 000000000..59da6e51c
Binary files /dev/null and b/theme_watchhut/static/src/images/product/9.jpg differ
diff --git a/theme_watchhut/static/src/images/product/preview/7-7.jpg b/theme_watchhut/static/src/images/product/preview/7-7.jpg
new file mode 100644
index 000000000..429340411
Binary files /dev/null and b/theme_watchhut/static/src/images/product/preview/7-7.jpg differ
diff --git a/theme_watchhut/static/src/images/product/preview/7.jpg b/theme_watchhut/static/src/images/product/preview/7.jpg
new file mode 100644
index 000000000..4ad1fc868
Binary files /dev/null and b/theme_watchhut/static/src/images/product/preview/7.jpg differ
diff --git a/theme_watchhut/static/src/images/snippets/gallery.jpg b/theme_watchhut/static/src/images/snippets/gallery.jpg
new file mode 100644
index 000000000..0098d4235
Binary files /dev/null and b/theme_watchhut/static/src/images/snippets/gallery.jpg differ
diff --git a/theme_watchhut/static/src/images/snippets/heading.jpg b/theme_watchhut/static/src/images/snippets/heading.jpg
new file mode 100644
index 000000000..770fa2d20
Binary files /dev/null and b/theme_watchhut/static/src/images/snippets/heading.jpg differ
diff --git a/theme_watchhut/static/src/images/snippets/shop_button.jpg b/theme_watchhut/static/src/images/snippets/shop_button.jpg
new file mode 100644
index 000000000..2374b1577
Binary files /dev/null and b/theme_watchhut/static/src/images/snippets/shop_button.jpg differ
diff --git a/theme_watchhut/static/src/js/custom.js b/theme_watchhut/static/src/js/custom.js
new file mode 100644
index 000000000..a013c0c19
--- /dev/null
+++ b/theme_watchhut/static/src/js/custom.js
@@ -0,0 +1,52 @@
+/** @odoo-module **/
+import publicWidget from "@web/legacy/js/public/public_widget";
+/**
+ * Created ScrollAnimation widget
+ * To make available the animation opacity affect on the snippet gallery on
+ scrolling the window here added event wheel effect to achieve the animation
+ **/
+publicWidget.registry.ScrollAnimation = publicWidget.Widget.extend({
+ selector: '.images',
+ events: {
+ 'wheel': 'onScroll',
+ },
+ // In start function called the function onScroll();
+ start: function() {
+ this.onScroll();
+ },
+ /**This function is triggered whenever window is scrolled
+ image variable stores images with class .inline-photo
+ and check in isElementInViewport(args) function
+ **/
+ onScroll: function() {
+ var images = document.querySelectorAll('.inline-photo');
+ function loop() {
+ Array.prototype.forEach.call(images, function (element) {
+ if (isElementInViewport(element)) {
+ element.classList.add('is-visible');
+ } else {
+ element.classList.remove('is-visible');
+ }
+ });
+ scroll(loop);
+ }
+ loop();
+ /** This function called from each scroll checking each picture
+ present in the viewport and if present it is made visible
+ **/
+ function isElementInViewport(el) {
+ var rect = el.getBoundingClientRect();
+ return (
+ (rect.top <= 0
+ && rect.bottom >= 0)
+ ||
+ (rect.bottom >= (window.innerHeight || document.documentElement.clientHeight) &&
+ rect.top <= (window.innerHeight || document.documentElement.clientHeight))
+ ||
+ (rect.top >= 0 &&
+ rect.bottom <= (window.innerHeight || document.documentElement.clientHeight))
+ );
+ }
+ },
+});
+export default publicWidget.registry.ScrollAnimation;
diff --git a/theme_watchhut/views/about_page.xml b/theme_watchhut/views/about_page.xml
new file mode 100644
index 000000000..88c309abb
--- /dev/null
+++ b/theme_watchhut/views/about_page.xml
@@ -0,0 +1,103 @@
+
+
+
+
+
+
+
+
+
+
+
+
+ 
+
+ 
+
+
+
+
+
+
+ Supports:
+
+
+ Community
+
+
+ Enterprise
+
+
+
+
+ Availability:
+
+
+ Odoo Online
+
+
+ Odoo.sh
+
+
+ On Premise
+
+
+
+
+
+
+
+
+
+
+
+ 
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Our Features
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ New Color Combination
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Attractive Snippets
+ +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Theme Features
+
+
+
+
+
+
+
+
+
+
+
+ 
+
+
+
+
+
+
+
+
+
+
+
+ 
+ 
+
+
+
+
+
+
+
+
+
+ 
+ 
+
+
+
+
+
+
+ Fully Responsive
+
+
+
+ Fully Responsive
+ Layout.
+
+
+
+
+ Our design are now fully responsive, enabling you to view and manage everything from the comfort of your mobile device. Everything has been designed in a meticulous fashion so that every view snaps itself to fit the size of the device you are using, be it smartphones, tablet or any other portables, our theme adjusts itself to fit the screen size. + +.
+-
+
Fully responsive
+ - Fits perfectly to all screen sizes
+
+
+
+
+
+ 
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Our Services
+
+
+
+
+
+
+
+
+
+
+
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ WatchHut!
+
+ WatchHut is an world wide + Branding company Focusing on + interactive design and + Fashion +
+ Fashion +
+
+ Introduction
+Lorem ipsum dolor sit amet, + consectetur adipiscing elit. + Nunc est justo, aliquam nec + tempor fermentum, + commodo et libero. Quisque et + rutrum arcu. Vivamus dictum + tincidunt magna id euismod. Nam + sollicitudin mi + quis orci lobortis feugiat. +
+How Can We Help
+Lorem ipsum dolor sit amet, + consectetur adipiscing elit. + Nunc est justo, aliquam nec + tempor fermentum, commodo et + libero. Quisque et rutrum arcu. + Vivamus dictum tincidunt + magna id euismod. Nam + sollicitudin mi quis orci + lobortis feugiat. Lorem ipsum + dolor sit + amet, consectetur adipiscing + elit. Nunc est justo, aliquam + nec tempor fermentum, commodo et + libero. Quisque et rutrum arcu. + Lorem ipsum dolor sit amet, + consectetur adipiscing elit. + Nunc + est justo, aliquam nec tempor + fermentum, commodo et l ibero. + Quisque et rutrum arcu. + Vivamus dictum tincidunt magna + id euismod. Nam sollicitudin mi + quis orci lobortis feugiat. +
+Bags Courtesy of + Farrell&Co. +
+
+ 
+
+
+ My
+ Cart
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Product + Name +
+ +
+
+
+
+
+ +
+
+
This product is no longer + available. +
+This product + has no valid combination. +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 
+
+ 
+ 
+ 
+ 
+ 
+