-
-
-
-
-
-
-
-
- Our Industries
-
Get
- Insight in our odoo knowledge and our marked foot print
- in industries
-
-
-
-
-
-
-
-
-
-
-
-
Trading
-
Easily procure and sell
- your products
-
-
-
-
-
-
-
-
-
-
-
-
E-commerce & Website
-
Mobile friendly, awe-
- inspiring product pages
-
-
-
-
-
-
-
-
-
-
-
-
POS
-
Easy configuration and
- convivial experience
-
-
-
-
-
-
-
-
-
-
-
-
Education
-
A platform for educational
- management
-
-
-
-
-
-
-
-
-
-
-
-
-
Manufacturing
-
Plan, track and schedule
- your operations
-
-
-
-
-
-
-
-
-
-
-
Manufacturing
-
Plan, track and schedule
- your operations
-
-
-
-
-
-
-
-
-
-
Service Management
-
Keep track of services
- and invoice
-
-
-
-
-
-
-
-
-
-
-
-
Resturant
-
Run your bar or restaurant
- methodically
-
-
-
-
-
-
-
-
-
-
-
Hotel management
-
An all-inclusive hotel
- management application
-
+
+
+
+
Hotel management
+
An all-inclusive hotel
+ management application
-
-
-
-
-
-
-
diff --git a/theme_coffee_shop/static/description/theme_screenshot.jpeg b/theme_coffee_shop/static/description/theme_screenshot.jpeg
deleted file mode 100644
index 18bad0d88..000000000
Binary files a/theme_coffee_shop/static/description/theme_screenshot.jpeg and /dev/null differ
diff --git a/theme_coffee_shop/static/src/css/style.css b/theme_coffee_shop/static/src/css/style.css
index e910a118a..2503e95fe 100644
--- a/theme_coffee_shop/static/src/css/style.css
+++ b/theme_coffee_shop/static/src/css/style.css
@@ -3,13 +3,10 @@
padding: 0;
box-sizing: border-box;
font-family: 'Montserrat', sans-serif;
-
}
-
body {
background: #F5F5F5;
}
-
.header {
padding: 20px;
height: 100px;
@@ -19,33 +16,27 @@ body {
top: 0;
box-shadow: 0px 0px 10px #A2A2A2;
}
-
.wrapper {
max-width: 1134px;
margin: 0 auto;
padding-right: 0px;
padding-left: 0px;
}
-
.nav-bar {
display: flex;
align-items: center;
justify-content: space-between;
}
-
.nav-bar ul {
display: flex;
align-items: center;
list-style: none;
transition: 0.3s ease-in-out;
}
-
.nav-bar ul li {
position: relative;
}
-
-
.nav-bar ul li .sub-menu {
display: none;
position: absolute;
@@ -54,60 +45,42 @@ body {
margin-left: -15px;
width: 200px;
}
-
.nav-bar ul li .sub-menu li a {
display: block;
}
-
.nav-bar ul li:hover .sub-menu {
display: block;
-
-
}
-
-
.nav-bar ul li:hover .sub-menu ul {
display: block;
width: 150px;
-
-
}
-
.nav-bar ul li:hover .arrow {
transform: rotate(180deg);
}
-
.nav-bar ul li:hover .sub-menu ul li {
padding: 10px;
}
-
.sub-menu ul li a {
-
font-size: 16px;
position: static;
font-weight: 100;
cursor: pointer;
-
}
-
.sub-menu ul li:hover a {
color: #FF9B17;
}
-
.nav-bar ul li a {
text-decoration: none;
font-size: 17px;
color: #282828;
font-weight: 600;
transition: 0.3s;
-
}
-
.nav-bar ul li a {
position: relative;
}
-
.nav-bar ul li a:after {
content: "";
background-color: #CC2300;
@@ -118,7 +91,6 @@ body {
bottom: -4px;
left: 0;
}
-
.nav-bar ul li a:hover:after {
content: "";
background-color: #CC2300;
@@ -129,7 +101,6 @@ body {
bottom: -4px;
left: 0;
}
-
.nav-bar ul li a.active:after {
content: "";
background-color: #CC2300;
@@ -140,37 +111,22 @@ body {
bottom: -4px;
left: 0;
}
-
.sub-menu ul li a.active {
-
-
color: #FF9B17;
}
-
.sub-menu ul li a:hover::after,
.sub-menu ul li a.active::after {
-
-
content: none;
background: none;
}
-
-
-
-
-
.nav-bar ul li a.active,
.nav-bar ul li a:hover {
font-weight: bold;
}
-
-
.nav-bar .notification {
position: relative;
cursor: pointer;
-
}
-
.notify {
width: 8px;
height: 8px;
@@ -179,46 +135,36 @@ body {
position: absolute;
top: 28px;
margin-left: 19px;
-
}
-
.menu {
display: none;
cursor: pointer;
}
-
.menu div {
width: 24px;
margin: 5px;
background: black;
height: 3px;
}
-
.notify-icon {
display: flex;
align-items: center;
gap: 40px;
}
-
.mob-navig {
display: flex;
gap: 20px;
}
-
.navbar-icon {
display: none;
align-items: center;
gap: 40px;
list-style: none;
}
-
.mob-navig {
display: none;
gap: 20px;
}
-
-
-
.login-form-container {
position: fixed;
top: -105%;
@@ -231,16 +177,12 @@ body {
justify-content: center;
z-index: 1000;
opacity: 0;
-
}
-
.login-form-container.show {
top: 0;
opacity: 1;
}
-
.login-form-container form {
-
background: #FFFFFF;
border-radius: 5px;
width: 500px;
@@ -249,11 +191,9 @@ body {
text-align: center;
position: relative;
}
-
.loginbtn {
cursor: pointer;
}
-
.login-form-head {
font-weight: 700;
font-size: 25px;
@@ -262,13 +202,12 @@ body {
color: #282828;
margin-bottom: 40px;
}
-
.login-google {
-
background: #282828;
border-radius: 5px;
font-weight: 500;
font-size: 20px;
+ margin-bottom: 15px
line-height: 22px;
color: #FFFFFF;
padding: 14px 36px;
@@ -277,7 +216,6 @@ body {
width: 100%;
cursor: pointer;
}
-
.login-or {
font-weight: 400;
font-size: 16px;
@@ -287,17 +225,18 @@ body {
margin-bottom: 40px;
}
-
.form-content {
margin: 30px 90px;
position: relative;
}
-
+.coffe_search {
+ margin-bottom: 14px;
+}
.login-form-grp {}
.login-input {
-
+ margin-bottom: 15px;
background: rgba(217, 217, 217, 0.2);
border-radius: 5px;
border: none;
@@ -317,7 +256,6 @@ body {
top: 20px;
color: #CC2300;
cursor: pointer;
-
}
.password-settings {
@@ -337,7 +275,6 @@ body {
font-weight: 400;
font-size: 14px;
color: #282828;
-
margin-bottom: 0px;
}
@@ -346,7 +283,6 @@ body {
font-size: 14px;
line-height: 13px;
color: #FF9B17;
-
}
.checkbox {
@@ -405,14 +341,12 @@ body {
position: absolute;
top: 110%;
right: 0;
-
border-radius: .5rem;
background: #FFFFFF;
border-radius: 5px;
width: 400px;
opacity: 0;
display: none;
-
align-items: center;
box-shadow: 0px 0px 10px -6px rgba(0, 0, 0, 0.1);
@@ -442,8 +376,6 @@ body {
display: flex;
flex-direction: column;
position: relative;
-
-
}
.cart-box .cartremove {
@@ -451,7 +383,6 @@ body {
right: 0;
top: 0;
cursor: pointer;
-
}
.cart-box .cart-border {
@@ -463,25 +394,20 @@ body {
display: flex;
align-items: center;
justify-content: space-between;
-
}
.cart-buttons button {
-
outline: none;
-
font-weight: 500;
font-size: 20px;
line-height: 15px;
border-radius: 5px;
-
}
.cartview {
border: 1px solid #282828;
padding: 15px 24px;
background: none;
-
}
.cartcheckout {
@@ -497,16 +423,12 @@ body {
color: #282828;
}
-
-
/*.................Main-Section.......................*/
#main-content {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 150px;
-
-
height: 100vh;
}
@@ -546,6 +468,7 @@ body {
justify-content: center;
gap: 30px;
}
+
.img-box{
width: 200px;
height: 500px;
@@ -556,19 +479,23 @@ body {
position: relative;
transition: width 0.5s;
}
+
.img-box img{
width: 100%;
}
+
.img-box:nth-child(1){
width: 400px;
}
+
.img-box:nth-child(2){
background: url('images/landing Page/slashio-photography-ZG9ggI_pjFw-unsplash.jpg');
background-size: cover;
background-position: center;
height: 400px;
}
+
.img-box:nth-child(3){
background: url('images/landing Page/iced-coffee-with-splash-tall-glass-dark-background-concept-refreshing-summer-drink.jpg');
background-size: cover;
@@ -576,38 +503,22 @@ body {
width: 150px;
height: 300px;
}
+
.img-box:nth-child(1):hover{
width: 600px;
cursor: pointer;
}
+
.img-box:nth-child(2):hover{
width: 300px;
cursor: pointer;
}
+
.img-box:nth-child(3):hover{
width: 200px;
cursor: pointer;
}
-/*
-#main-content .right-section {
- display: flex;
- align-items: center;
- justify-content: space-between;
- gap: 20px;
- padding-right: 0px;
- padding-left: 0px;
-}
-/*
-#main-content .right-section .landing-img {
- align-items: center;
- position: relative;
-}
-#main-content .right-section .landing-img img{
- width: 100%;
-}*/
-
-
#main-content .right-section p {
font-size: 24px;
position: absolute;
@@ -635,7 +546,6 @@ body {
#about-us {
margin-bottom: 200px;
-
}
#about-us h3 {
@@ -653,7 +563,6 @@ body {
height: 3px;
bottom: -3px;
left: 0;
-
}
#about-us .about-content {
@@ -662,7 +571,6 @@ body {
margin-top: 40px;
display: flex;
justify-content: space-between;
-
}
#about-us .ab-mob {
@@ -687,18 +595,12 @@ body {
max-width: 100%;
}
-
-
-
-
-
#about-us .about-para {
font-weight: 400;
font-size: 16px;
line-height: 35px;
color: #282828;
width: 87%;
-
}
#about-us .about-img {
@@ -717,7 +619,6 @@ body {
position: absolute;
bottom: 60px;
left: -100px;
-
}
#about-us .about-img img {
@@ -733,7 +634,6 @@ body {
display: flex;
align-items: center;
justify-content: space-between;
-
margin-bottom: 90px;
}
@@ -752,7 +652,6 @@ body {
height: 3px;
bottom: -3px;
left: 0;
-
}
#menus .btn-viewall {
@@ -763,14 +662,12 @@ body {
font-size: 16px;
font-weight: 600;
border: none;
-
}
#menus .menu-content {
display: flex;
align-items: center;
justify-content: space-between;
-
}
.menucards {
@@ -779,7 +676,6 @@ body {
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
-
}
#menu-card {
@@ -790,14 +686,11 @@ body {
display: flex;
flex-direction: row;
align-items: center;
-
background: #FFFFFF;
box-shadow: 5px 5px 10px -6px rgba(0, 0, 0, 0.1);
flex-wrap: wrap;
text-align: center;
-
padding: 6px 6px;
-
}
@@ -827,7 +720,6 @@ body {
color: #FF9B17;
font-weight: 600;
margin-bottom: 40px;
-
}
#product .products {
@@ -835,22 +727,15 @@ body {
}
.pro {
-
-
background: #FFFFFF;
box-shadow: 5px 5px 10px -6px rgba(0, 0, 0, 0.1);
-
border-radius: 6px;
padding: 20px;
display: flex;
transition: 0.2s;
-
flex-direction: column;
margin-bottom: 50px;
cursor: pointer;
-
-
-
}
.pro .pro-img {
@@ -884,7 +769,6 @@ body {
padding: 8px 10px;
background: #CC2300;
border: none;
-
border-radius: 50px;
text-decoration: none;
}
@@ -916,7 +800,6 @@ body {
font-size: 24px;
font-weight: bold;
margin-bottom: 0px;
-
}
.pro-details .desc-head {
@@ -930,11 +813,9 @@ body {
font-size: 16px;
}
-
.like {
-
font-size: 20px;
- color: #CC2300;
+ color: #CC2300;
}
/*..............Team..................*/
@@ -958,7 +839,6 @@ body {
height: 3px;
bottom: -3px;
left: 0;
-
}
#team .team-head {
@@ -978,7 +858,6 @@ body {
border-radius: 8px;
position: relative;
height: 300px;
-
}
#team .team-img:nth-child(1) {
@@ -1037,7 +916,6 @@ body {
display: flex;
flex-direction: column;
margin-bottom: 200px;
-
}
.mySlides #testimonial .heading {
@@ -1082,7 +960,6 @@ body {
flex-wrap: wrap;
}
-
.slider {
width: 100%;
text-align: center;
@@ -1109,7 +986,6 @@ body {
font-weight: 700;
font-size: 18px;
line-height: 20px;
-
}
.sub-address {
@@ -1146,9 +1022,7 @@ body {
font-size: 42px;
line-height: 35px;
text-align: center;
-
color: #BFBFBF;
-
}
.p-describe:after {
@@ -1161,7 +1035,6 @@ body {
color: #BFBFBF;
bottom: -5px;
right: -20px;
-
}
.p-para {
@@ -1169,15 +1042,11 @@ body {
font-size: 16px;
line-height: 32px;
color: #282828;
-
}
-
-
/*...............Form-Section........................*/
#form-section {
margin-bottom: 200px;
-
}
#form-section .heading {
@@ -1204,7 +1073,6 @@ body {
font-family: 'Montserrat', sans-serif;
}
-
form .forms-input {
padding: 10px 24px;
background-color: #a2a2a233;
@@ -1217,7 +1085,6 @@ form .forms-input {
.form-img {
width: 100%;
-
}
.form-img img {
@@ -1330,14 +1197,11 @@ form .forms-input:focus {
display: flex;
flex-direction: column;
gap: 30px;
-
}
.media-link {
display: flex;
gap: 40px;
-
-
}
@@ -1351,7 +1215,6 @@ form .forms-input:focus {
display: flex;
align-items: center;
justify-content: center;
-
}
#banner.banner-img {
@@ -1368,7 +1231,6 @@ form .forms-input:focus {
}
.banner-head {
-
color: #fff;
font-size: 56px;
font-weight: 700;
@@ -1389,18 +1251,12 @@ form .forms-input:focus {
}
#product .pro .menu-review {
-
margin-bottom: 0px;
}
-
-
-
#Sliding {
display: flex;
align-items: flex-start;
-
}
-
.count {
display: flex;
align-items: center;
@@ -1415,12 +1271,10 @@ form .forms-input:focus {
margin: 5px;
padding: 0px 10px;
}
-
.count.active {
color: #000000;
background: #FF9B17;
}
-
.count-text {
margin: 0px;
text-decoration: none;
@@ -1432,14 +1286,12 @@ form .forms-input:focus {
.Sliding a:hover{
color: #000000;
}
-
#offer {
margin-bottom: 100px;
margin-bottom: 100px;
display: flex;
}
-
#offer .offer-container {
display: flex;
flex-wrap: wrap;
@@ -1447,7 +1299,6 @@ color: #000000;
justify-content: center;
align-items: center;
}
-
#offer .offer-content {
background-image: url("images/Menu page/13.png");
width: 520px;
@@ -1494,13 +1345,11 @@ color: #000000;
color: #282828;
padding: 12px 32px;
border: none;
-
}
.offer-btn:hover {
color: #000000;
text-decoration: none;
-
}
/*............................Selected product..............................*/
@@ -1517,7 +1366,6 @@ color: #000000;
}
#product-details .pr-img {
-
width: 36%;
border-radius: 8px;
height: 400px;
@@ -1527,11 +1375,8 @@ color: #000000;
width: 100%;
border-radius: 6px;
height: 400px;
-
}
-
-
.sp-head {
margin-top: 20px;
font-weight: 700;
@@ -1597,13 +1442,11 @@ color: #000000;
.custom-detail {
display: flex;
flex-wrap: wrap;
-
}
.custom-detail .cust-item {
display: flex;
align-items: center;
-
}
.cust-name {
@@ -1644,7 +1487,6 @@ color: #000000;
cursor: pointer;
color: #CC2300;
align-items: center;
-
}
.counter input {
@@ -1699,6 +1541,34 @@ color: #000000;
border: 1px solid #CC2300;
}
/*........MY CSS.........*/
+.width_35{
+ width: 35%;
+}
+
+.height_30{
+ height: 30px;
+}
+
+.width_200{
+ width: 200px;
+}
+
+.form_create_acct{
+ width: 505px;
+ height: auto;
+}
+#my-cart{
+ padding-bottom: 20px;
+}
+
+#cart_total{
+ margin-top: 40px;
+}
+
+.sign_in a{
+ margin-top: -11px;
+}
+
.flex-grow{
flex-grow: 0.5 !important;
}
@@ -1725,7 +1595,6 @@ color: #000000;
height: 3px;
bottom: 22px;
background-color: #de2a05;
-
}
#top_menu_collapse .nav-item:hover:after {
@@ -1737,10 +1606,9 @@ color: #000000;
padding-left: 52%;
}
.filter-box {
- margin-left: 65px;
+ margin-right: 50px;
width: 198.32px;
height: 68px;
-
font-weight: 700;
font-size: 18px;
line-height: 25px;
@@ -1749,9 +1617,7 @@ color: #000000;
justify-content: center;
display: flex;
cursor: pointer;
-
background: rgba(162, 162, 162, 0.1);
-
color: #A2A2A2;
border-radius: 7px;
}
@@ -1838,12 +1704,14 @@ color:gold;
background-color: #2c3440 !important;
border: none;
}
+
.btn-secondary {
color: #fff;
background-color: #222831;
border-color: #222831;
border-radius: 30px;
}
+
.btn-secondary:hover {
color: #fff;
background-color: #222831;
@@ -1853,25 +1721,30 @@ color:gold;
.img-pay{
width: 120%;
}
+
.cstm_tbl{
border-bottom-width: 0 !important;
box-shadow: none !important;
}
+
.tbl-tbl{
background-color: transparent;
width: 120%;
}
+
.tbl-tbl h3{
margin: 5%;
}
+
.btn-color{
background-color: black;
border: black;
-
-}.btn-color:hover{
+}
+.btn-color:hover{
background-color: black;
border: black;
}
+
.pro-buy{
margin-left: 5%
}
@@ -1889,7 +1762,6 @@ color:gold;
/*.....................Cart Page...........................*/
.banner-imgcart {
-
background-image: url('/theme_coffee_shop/static/src/images/coffee-mugs-blue-textured-wallpaper.jpg');
background-position: center;
background-size: cover;
@@ -1900,7 +1772,6 @@ color:gold;
font-size: 20px;
font-weight: 600;
position: relative;
-
}
#my-cart .cart-heading:after {
@@ -1913,13 +1784,6 @@ color:gold;
bottom: -8px;
left: 0;
}
-/*
-.border {
- margin-top: 40px;
- width: 100%;
- margin-bottom: 60px;
- border: 1px solid rgba(0, 0, 0, 0.2);
-}*/
.cart-head {
display: flex;
@@ -1950,11 +1814,9 @@ color:gold;
border: 0px !important;
}
-
.item {
display: flex;
align-items: center;
-
gap: 16px;
}
@@ -1982,7 +1844,6 @@ color:gold;
display: flex;
align-items: center;
justify-content: center;
-
}
.indicate-content {
@@ -2070,7 +1931,6 @@ color:gold;
margin-right: 0px;
margin-left: 0px;
margin-bottom: 16px;
-
}
.list {
@@ -2078,7 +1938,6 @@ color:gold;
font-size: 18px;
line-height: 15px;
color: #282828;
-
}
.amount {
@@ -2098,7 +1957,6 @@ color:gold;
}
.coupon:hover {
-
color: #FF9B17;
text-decoration-line: underline;
}
@@ -2203,8 +2061,6 @@ color:gold;
margin-bottom: 45px;
}
-
-
.accordion {
background-color: transparent;
color: #282828;
@@ -2244,7 +2100,6 @@ color:gold;
.accordion:after {
content: '+';
-
font-size: 40px;
color: #000000;
float: right;
@@ -2253,7 +2108,6 @@ color:gold;
.accordion.active:after {
content: "-";
-
}
.delivery-accordion:after{
content: '+';
@@ -2268,7 +2122,6 @@ color:gold;
}
-
.checkoutlast {
margin-bottom: 100px;
}
@@ -2289,7 +2142,6 @@ color:gold;
font-size: 20px;
font-weight: 600;
position: relative;
-
}
.contact-heading:after {
@@ -2307,9 +2159,7 @@ color:gold;
margin-top: 40px;
display: flex;
justify-content: space-between;
-
flex-wrap: wrap;
-
}
.get-intouch-left {
@@ -2321,7 +2171,6 @@ color:gold;
width: 50%;
align-items: center;
justify-content: center;
-
}
.getin-footer {
@@ -2403,7 +2252,6 @@ color:gold;
display: flex;
margin-bottom: 100px;
justify-content: space-between;
-
}
.shop-heading {
@@ -2448,7 +2296,6 @@ color:gold;
.shop-procard {
justify-content: space-between;
-
}
.shop-pro {
@@ -2476,16 +2323,11 @@ color:gold;
/* Fixed sidenav, full height */
.sidenav {
-
width: 200px;
-
background-color: transparent;
-
padding-top: 20px;
}
-
-
.dropdown-btn {
padding: 16px 0px;
text-decoration: none;
@@ -2506,18 +2348,14 @@ color:gold;
border-right: none;
border-top: none;
margin-bottom: 20px;
-
-
}
.dropdown-btn:after {
-
content: '+';
font-size: 28px;
color: black;
font-weight: bold;
float: right;
-
}
.dropdown-btn.active:after {
@@ -2529,13 +2367,9 @@ color:gold;
outline: none;
}
-
-
-
.main {
margin-left: 200px;
font-size: 20px;
-
padding: 0px 10px;
}
@@ -2546,7 +2380,6 @@ color:gold;
margin: 16px 0px;
display: none;
background-color: transparent;
-
}
.dropdown-container a {
@@ -2662,11 +2495,9 @@ a.active {
text-transform: capitalize;
color: #282828;
width: 250px;
-
}
#promo-vedio {
-
margin-bottom: 200px;
}
@@ -2867,10 +2698,7 @@ a.active {
}
.shop-pro {
-
min-width: 75%;
-
-
}
.product-search {
@@ -2879,12 +2707,10 @@ a.active {
.sidenav {
width: 300px;
-
}
.service-head {
font-size: 52px;
-
}
}
@@ -2893,20 +2719,14 @@ a.active {
@media(max-width:1024px) {
#offer .offer-content {
-
width: 460px;
height: 330px;
-
}
.since {
display: none;
}
-
-
-
}
-
@media(max-width:1017px) {
.wrapper {
max-width: 900px;
@@ -2944,9 +2764,6 @@ a.active {
height: 280px;
}
-
-
-
}
@media(max-width:992px) {
@@ -2979,9 +2796,7 @@ a.active {
}
.nav-bar ul.active {
-
display: block;
-
right: 0px;
}
@@ -3001,7 +2816,6 @@ a.active {
.navbar-mob-icon {
display: flex;
gap: 20px;
-
}
.mob-navig {
@@ -3011,15 +2825,12 @@ a.active {
.navbar-icon {
display: block;
-
}
.notify-icon {
display: none;
}
-
-
.wrapper {
max-width: 796px;
margin: 0 auto;
@@ -3045,28 +2856,21 @@ a.active {
}
#main-content .right-section .landing-img:nth-child(3) p {
-
width: max-content;
margin: 0px;
text-align: center;
-
}
.img-box {
-
height: 429px;
-
}
.img-box:nth-child(2) {
-
height: 353px;
}
.img-box:nth-child(3) {
-
height: 273px;
}
-
#about-us .about-main {
font-size: 40px;
}
@@ -3087,9 +2891,7 @@ a.active {
}
.pro {
-
min-width: 259px;
-
}
.team-details {
@@ -3102,7 +2904,6 @@ a.active {
}
#team .heading:after {
-
bottom: 12px;
}
@@ -3127,10 +2928,8 @@ a.active {
font-size: 44px;
}
-
.p-describe {
width: 100%;
-
}
#testimonial .testimonial-content {
width: 594px;
@@ -3147,7 +2946,6 @@ a.active {
#form-section .form-btn {
padding: 12px 65px;
font-size: 24px;
-
}
.banner-head {
@@ -3159,7 +2957,6 @@ a.active {
}
#Sliding {
-
justify-content: center;
}
@@ -3172,7 +2969,6 @@ a.active {
#product-details {
margin-top: 74px;
-
}
#product-details .pr-img {
@@ -3204,18 +3000,14 @@ a.active {
.getin-img {
display: none;
-
}
.ab-ftcontainer {
-
gap: 50px;
}
.shop-pro {
-
min-width: 75%;
-
}
.service-content {
@@ -3226,9 +3018,7 @@ a.active {
@media(max-width:967px) {
#about-us .about-main {
-
font-size: 55px;
-
}
#about-us .about-para {
@@ -3249,7 +3039,6 @@ a.active {
}
.service-container {
-
margin-top: 20px;
}
.img-box:nth-child(1) {
@@ -3269,7 +3058,6 @@ a.active {
@media(max-width:925px) {
#about-us .about-para {
-
width: 100%;
}
}
@@ -3277,7 +3065,6 @@ a.active {
@media(max-width:830px) {
#main-content {
-
height: 80vh;
}
@@ -3298,7 +3085,6 @@ a.active {
}
.abt-about-img {
-
width: 60%;
}
@@ -3313,7 +3099,6 @@ a.active {
.wrapper {
max-width: 600px;
margin: 0 auto;
-
}
#main-content .left-section .main-head {
@@ -3321,7 +3106,6 @@ a.active {
}
#main-content .right-section p {
font-size: 22px;
-
}
#main-content {
@@ -3354,7 +3138,6 @@ a.active {
width: 93%;
}
-
#about-us button {
margin-top: 50px;
padding: 12px 46px;
@@ -3365,8 +3148,6 @@ a.active {
max-width: 624px;
}
-
-
#menu-card .card {
min-width: 40%;
}
@@ -3420,7 +3201,6 @@ a.active {
font-size: 14px;
line-height: 26px;
-
}
.pro-card {
@@ -3428,20 +3208,15 @@ a.active {
}
.pro {
-
margin: 12px;
}
#testimonial .testimonial-content {
-
padding: 24px 42px;
-
}
.banner-head {
-
font-size: 46px;
-
}
.item {
@@ -3468,14 +3243,12 @@ a.active {
}
#cart-sum {
-
flex-direction: column-reverse;
}
.mob-close {
display: block;
color: #CC2300;
-
}
.checkoutmob-col {
@@ -3484,23 +3257,15 @@ a.active {
}
.cartform-right {
-
flex: 1 0 50%;
max-width: 100%;
}
.getin-text {
-
font-size: 54px;
-
-
-
-
-
}
#about-us .about-img {
-
width: 100%;
}
@@ -3519,16 +3284,13 @@ a.active {
.result-head {
font-weight: 500;
font-size: 14px;
-
}
.sorting {
-
gap: 14px;
}
.service-container {
-
flex-direction: column;
}
@@ -3542,24 +3304,19 @@ a.active {
.shopping-cart.showcart {
right: 10px;
-
}
.shopping-cart {
width: 75%;
height: auto;
-
}
.cart-box .cartremove {
-
display: block;
-
}
.cart-box {
margin: 20px;
-
}
.cart-name {
@@ -3567,13 +3324,11 @@ a.active {
}
.cart-box .cart-border {
-
margin-bottom: 0px;
}
.items-cart {
margin: 6px 8px;
-
gap: 0px;
}
@@ -3590,11 +3345,8 @@ a.active {
}
.cartview {
-
padding: 12px 6px;
-
}
-
}
@media(max-width:649px) {
@@ -3605,8 +3357,8 @@ a.active {
.login-form-container form {
width: 400px;
height: auto;
-
}
+
#main-content .right-section p {
font-size: 22px;
bottom: 18px;
@@ -3614,7 +3366,6 @@ a.active {
.form-content {
margin: 29px 41px;
-
}
.login-form-head {
@@ -3630,21 +3381,15 @@ a.active {
}
.login-input {
-
padding: 12px 24px;
-
}
.frgt-text {
-
font-size: 14px;
-
}
.register {
-
font-size: 14px;
-
}
}
@media(max-width:640px) {
@@ -3694,8 +3439,6 @@ a.active {
.pr-categories {
display: none;
}
-
-
}
@@ -3718,7 +3461,6 @@ a.active {
}
.main-row {
-
display: flex;
flex-direction: column;
gap: 80px;
@@ -3730,7 +3472,6 @@ a.active {
}
#main-content .right-section {
-
max-width: 100%;
margin-bottom: 100px;
}
@@ -3748,30 +3489,25 @@ a.active {
}
#main-content .left-section .main-head {
-
width: 46%;
}
+
#main-content .right-section p {
font-size: 18px;
-
}
#main-content .right-section .img-box:nth-child(3) p {
left: -21px;
}
#about-us button {
-
width: 100%;
}
.main-row {
-
flex-direction: column;
}
-
#main-content {
-
height: auto;
}
@@ -3780,31 +3516,22 @@ a.active {
}
.about-left {
-
min-width: 100%;
}
.about-right {
-
min-width: 100%;
}
-
-
-
-
}
@media(max-width:540px) {
.wrapper {
max-width: 400px;
margin: 0 auto;
-
}
-
.form-6 {
max-width: 100%;
-
}
#about-us button {
@@ -3816,9 +3543,7 @@ a.active {
}
.accordion {
-
font-size: 22px;
-
}
@@ -3828,13 +3553,10 @@ a.active {
#offer .offer-content {
width: 350px;
-
height: 240px;
}
-
.since {
-
bottom: -74px;
left: 139px;
box-shadow: 5px 5px 10px -6px rgba(0, 0, 0, 0.1);
@@ -3849,7 +3571,6 @@ a.active {
}
#about-us .about-para {
-
font-size: 14px;
line-height: 30px;
width: 100%;
@@ -3866,7 +3587,6 @@ a.active {
}
#about-us button {
-
width: auto;
}
@@ -3876,12 +3596,10 @@ a.active {
}
.main-row {
-
gap: 50px;
}
#main-content .left-section {
-
min-width: 100%;
margin: 10px 0px;
}
@@ -3892,32 +3610,27 @@ a.active {
padding:0px ;
}
-
#main-content .left-section .main-head {
width: 56%;
margin-bottom: 30px;
}
.gallery {
-
gap: 18px;
}
#main-content .right-section .landing-img p {
font-size: 20px;
-
bottom: 16px;
}
#main-content button {
padding: 14px;
-
width: 90%;
}
#main-content .right-section .landing-img:nth-child(3) p {
-
margin: -22px;
bottom: 100px;
}
@@ -3939,7 +3652,6 @@ a.active {
}
#about-us button {
-
position: absolute;
}
@@ -3956,22 +3668,17 @@ a.active {
margin-bottom: 100px;
}
-
.pro {
min-width: 100%;
margin: 20px;
-
}
-
-
#product .pro-head {
font-size: 34px;
text-align: center;
}
#testimonial {
-
margin-bottom: 100px;
}
@@ -3989,7 +3696,6 @@ a.active {
#team .team-img .main-head {
font-size: 28px;
-
}
#team .team-img .sub-head {
@@ -3998,7 +3704,6 @@ a.active {
#team .social-icon i {
font-size: 22px;
-
}
#team .team-img {
@@ -4030,7 +3735,6 @@ a.active {
#offer .offer-content {
width: 345px;
-
height: 245px;
}
@@ -4038,14 +3742,12 @@ a.active {
font-weight: 600;
font-size: 28px;
line-height: 24px;
-
}
.off-details .off-price {
font-weight: 400;
font-size: 18px;
- line-height: 10px;
-
+ line-height: 10px
}
.offer-btn {
@@ -4053,7 +3755,6 @@ a.active {
line-height: 10px;
color: #282828;
padding: 8px 24px;
-
}
.small-detail {
@@ -4069,30 +3770,24 @@ a.active {
.counter .box-container {
padding: 6px;
line-height: 20px;
-
}
.button-grp {
-
gap: 20px;
flex-wrap: wrap;
-
}
.purchase-btn {
font-size: 14px;
padding: 12px 24px;
-
}
.cart-btn {
font-size: 14px;
padding: 12px 24px;
-
}
.btn-ckeckout {
-
font-size: 18px;
line-height: 12px;
padding: 18px 32px;
@@ -4124,30 +3819,20 @@ a.active {
.cartform-right {
margin-top: 60px;
-
}
.accordion {
-
font-size: 20px;
-
}
.accordion:after {
-
font-size: 35px;
-
}
-
-
-
-
.getin-text {
width: 300px;
font-size: 40px;
line-height: 58px;
-
}
.getin-promise {
@@ -4160,7 +3845,6 @@ a.active {
#about-feature {
margin-bottom: 100px;
-
}
.ab-ftcontainer {
@@ -4173,13 +3857,11 @@ a.active {
.promo-head {
font-size: 42px;
-
}
.since {
bottom: -50px;
left: 95px;
-
}
.abt-mr {
@@ -4195,14 +3877,11 @@ a.active {
}
.service-provide {
-
margin-bottom: 10px;
}
.service-para {
-
line-height: 30px;
-
}
.ser-col {
@@ -4217,7 +3896,6 @@ a.active {
#testimonial .testimonial-content {
width: 98%;
}
-
}
@media(max-width:465px) {
@@ -4232,11 +3910,9 @@ a.active {
}
.login-close {
-
font-size: 16px;
right: 12px;
top: 12px;
-
}
.login-google {
@@ -4250,23 +3926,17 @@ a.active {
.login-or {
font-size: 12px;
-
margin-top: 19px;
margin-bottom: 25px;
}
.login-input {
-
font-size: 12px;
-
padding: 8px;
-
}
.password-settings label {
-
font-size: 10px;
-
}
.frgt-text {
@@ -4285,9 +3955,7 @@ a.active {
.create-one {
font-size: 12px;
display: block;
-
}
-
}
@media(max-width:396px) {
@@ -4297,7 +3965,6 @@ a.active {
#team .team-head {
font-size: 42px;
-
}
#team .heading:after {
@@ -4305,9 +3972,7 @@ a.active {
}
.getin-text {
-
font-size: 32px;
-
}
#main-content .left-section .main-head {
@@ -4331,7 +3996,6 @@ a.active {
#main-content .right-section .landing-img p {
font-size: 16px;
bottom: 0px;
-
}
#offer .offer-content {
@@ -4353,16 +4017,13 @@ a.active {
#form-section .form-btn {
padding: 12px 93px;
-
}
.cust-name {
font-size: 12px;
-
}
.login-method {
-
font-size: 15px;
}
@@ -4372,28 +4033,21 @@ a.active {
}
.accordion {
-
font-size: 16px;
-
}
.accordion:after {
-
font-size: 33px;
-
}
.since {
left: 76px;
-
}
.abt-mr {
margin: 35px;
}
-
-
}
@@ -4419,8 +4073,7 @@ a.active {
font-size: 13px;
}
#main-content .right-section .img-box:nth-child(3) p {
-
- left: -16px;
+ left: -16px;
bottom: 27px;
}
#form-section .main-head {
@@ -4433,7 +4086,6 @@ a.active {
#team .team-head {
font-size: 42px;
-
}
#about-us button {
@@ -4472,9 +4124,7 @@ a.active {
}
.item-price {
-
font-size: 16px;
-
}
.counter input {
@@ -4487,25 +4137,18 @@ a.active {
}
.accordion:after {
-
font-size: 30px;
-
}
.shopping-cart {
width: 90%;
height: auto;
-
}
.close-circle {
width: 16px;
height: 16px;
-
}
-
-
-
}
@media(max-width:312px) {
@@ -4528,12 +4171,10 @@ a.active {
#menu-card .card span {
font-size: 14px;
-
}
#product .pro-head {
font-size: 32px;
-
}
#offer .offer-content {
width: 250px;
@@ -4583,7 +4224,6 @@ a.active {
}
#testimonial .testimonial-content {
-
gap: 20px;
}
@@ -4598,12 +4238,10 @@ a.active {
.p-para {
font-size: 12px;
-
}
.p-name {
font-size: 17px;
-
}
#form-section .main-head {
@@ -4633,12 +4271,11 @@ a.active {
}
.getin-text {
-
font-size: 24px;
-
}
#main-content .left-section .main-head {
font-size: 31px;
}
-}
\ No newline at end of file
+}
+
diff --git a/theme_coffee_shop/static/src/images/featureitem1.svg b/theme_coffee_shop/static/src/images/featureitem1.svg
deleted file mode 100644
index 8ca432488..000000000
--- a/theme_coffee_shop/static/src/images/featureitem1.svg
+++ /dev/null
@@ -1,5 +0,0 @@
-
-
-
-
-
diff --git a/theme_coffee_shop/static/src/images/featureitem2.svg b/theme_coffee_shop/static/src/images/featureitem2.svg
deleted file mode 100644
index 1be1cae5f..000000000
--- a/theme_coffee_shop/static/src/images/featureitem2.svg
+++ /dev/null
@@ -1,10 +0,0 @@
-
-
-
-
-
-
-
-
-
-
diff --git a/theme_coffee_shop/static/src/images/featureitem3.svg b/theme_coffee_shop/static/src/images/featureitem3.svg
deleted file mode 100644
index 09abdae98..000000000
--- a/theme_coffee_shop/static/src/images/featureitem3.svg
+++ /dev/null
@@ -1,4 +0,0 @@
-
-
-
-
diff --git a/theme_coffee_shop/static/src/images/google 1.svg b/theme_coffee_shop/static/src/images/google 1.svg
deleted file mode 100644
index 966d41411..000000000
--- a/theme_coffee_shop/static/src/images/google 1.svg
+++ /dev/null
@@ -1,9 +0,0 @@
-
-
-
-
-
-
-
-
-
diff --git a/theme_coffee_shop/static/src/images/search.svg b/theme_coffee_shop/static/src/images/search.svg
deleted file mode 100644
index 6dad6f2ca..000000000
--- a/theme_coffee_shop/static/src/images/search.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-
-
-
diff --git a/theme_coffee_shop/static/src/images/shopfilter.svg b/theme_coffee_shop/static/src/images/shopfilter.svg
deleted file mode 100644
index 49532a881..000000000
--- a/theme_coffee_shop/static/src/images/shopfilter.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-
-
-
diff --git a/theme_coffee_shop/static/src/js/action.js b/theme_coffee_shop/static/src/js/action.js
deleted file mode 100644
index 1dd5c54c7..000000000
--- a/theme_coffee_shop/static/src/js/action.js
+++ /dev/null
@@ -1,63 +0,0 @@
-odoo.define("theme_coffee_shop.theme_coffee_shop_template", function (require) {
- "use strict";
- var ajax = require('web.ajax');
-
-const navicon = document.getElementById('nav-icon');
-const navitem = document.getElementById('nav-item');
-
-if(navicon){
- navicon.addEventListener("click",function(e){
- e.preventDefault();
- navitem.classList.toggle('active');
- })
- }
-
- function functionLike(r) {
- r.classList.toggle("fa-solid");
- }
-
-function fliterclick() {
- var x = document.querySelector(".pr-categories");
- if (x.style.display === "none") {
- x.style.display = "block";
- } else {
- x.style.display = "none";
- }
-}
-
-
-var acc = document.getElementsByClassName("accordion");
-var i;
-
-for (i = 0; i < acc.length; i++) {
- acc[i].addEventListener("click", function() {
- /* Toggle between adding and removing the "active" class,
- to highlight the button that controls the panel */
- this.classList.toggle("active");
-
- /* Toggle between hiding and showing the active panel */
- var panel = this.nextElementSibling;
- if (panel.style.display === "block") {
- panel.style.display = "none";
- } else {
- panel.style.display = "block";
- }
- });
-}
-
-const loginPage=document.querySelectorAll("#login-btn");
-
-loginPage.forEach(login=>{
- login.addEventListener('click',e=>{
- e.preventDefault();
- document.querySelector('.login-form-container').classList.toggle('show');
- })
-})
-
-document.querySelector(".login-close").onclick=()=>{
- document.querySelector('.login-form-container').classList.toggle('show');
-}
-
-});
-
-
diff --git a/theme_coffee_shop/static/src/js/map_snippet.js b/theme_coffee_shop/static/src/js/map_snippet.js
new file mode 100644
index 000000000..293ac0508
--- /dev/null
+++ b/theme_coffee_shop/static/src/js/map_snippet.js
@@ -0,0 +1,32 @@
+/** @odoo-module **/
+
+import publicWidget from 'web.public.widget';
+import {generateGMapLink, generateGMapIframe} from 'website.utils';
+
+publicWidget.registry.Map_1 = publicWidget.Widget.extend({
+ selector: '.s_map.s_map_1',
+
+ /**
+ * @override
+ */
+ async start() {
+ console.log("kkkkk")
+ const address = await this._rpc({
+ route: "/get-company/address",
+ });
+
+ const existingIframe = this.el.querySelector('.s_map.s_map_1 iframe');
+ if (existingIframe) {
+ existingIframe.remove();
+ }
+
+ if (address) {
+ const iframeEl = generateGMapIframe();
+ iframeEl.setAttribute('src', generateGMapLink({mapType: 'm', mapZoom: "12", name: 'Map', snippet: 's_map', mapAddress: address}));
+ this.el.querySelector('.s_map_color_filter_1').before(iframeEl);
+ }
+ },
+
+});
+
+export default publicWidget.registry.Map_1;
diff --git a/theme_coffee_shop/views/about_us.xml b/theme_coffee_shop/views/about_us.xml
index 89d7bc32c..de7531e9a 100644
--- a/theme_coffee_shop/views/about_us.xml
+++ b/theme_coffee_shop/views/about_us.xml
@@ -1,31 +1,135 @@
-
+
About
qweb
theme_coffee_shop.coffee_about_us
- /about
+ /about
True
-
-
-
-
-
-
More than
-
Just Coffee
+
+
+
+
+
+
More than
+
Just Coffee
+
-
-
-
-
+
+
+
+
+
+
+
+
+
+
+
Tony Fred, CEO
+
+ Founder and chief visionary, Tony is the driving force behind the
+ company. He loves
+ to keep his hands full by participating in the development of the
+ software,
+ marketing, and customer experience strategies.
+
+
+
+
+
+
+
+
+
+
+
Mich Stark, COO
+
Mich loves taking on challenges. With his multi-year experience as
+ Commercial Director in the software industry, Mich has helped the
+ company to get where it is today. Mich is among the best minds.
+
+
+
+
+
+
+
+
+
+
+
Aline Turner, CTO
+
Aline is one of the iconic people in life who can say they love what
+ they do. She mentors 100+ in-house developers and looks after the
+ community of thousands of developers.
+
+
+
+
+
+
+
+
+
+
+
Iris Joe, CFO
+
Iris, with her international experience, helps us easily understand
+ the numbers and improves them. She is determined to drive success
+ and delivers her professional acumen to bring the company to the
+ next level.
+
+
+
+
+
+
+
+
+
+
Our References
+
We are in good company.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
-
\ No newline at end of file
diff --git a/theme_coffee_shop/views/address.xml b/theme_coffee_shop/views/address.xml
index a20a39075..2ded5f5f3 100644
--- a/theme_coffee_shop/views/address.xml
+++ b/theme_coffee_shop/views/address.xml
@@ -1,5 +1,6 @@
+
@@ -12,19 +13,17 @@
Pick your
favourites
-