From 4891f9bf8de0956aed23921122cb0ff39d2745e0 Mon Sep 17 00:00:00 2001 From: Thomas Joise Date: Fri, 9 Aug 2024 12:35:55 +0530 Subject: [PATCH] as --- about.html | 9 +++- assets/css/style.css | 99 ++++++++++++++++++++++++++++++++++++++------ product 1.html | 9 +++- product 3.html | 10 ++++- product 4.html | 10 ++++- 5 files changed, 117 insertions(+), 20 deletions(-) diff --git a/about.html b/about.html index f12fbe7..b666243 100644 --- a/about.html +++ b/about.html @@ -31,6 +31,8 @@ + + + +
diff --git a/assets/css/style.css b/assets/css/style.css index 68da471..68c09d5 100644 --- a/assets/css/style.css +++ b/assets/css/style.css @@ -232,7 +232,7 @@ h6 { .navbar .dropdown ul a:hover, .navbar .dropdown ul .active:hover, .navbar .dropdown ul li:hover>a { - color: #90A4AE; + color: #ef6445; } .navbar .dropdown:hover>ul { @@ -331,7 +331,7 @@ h6 { .navbar-mobile a:hover, .navbar-mobile .active, .navbar-mobile li:hover>a { - color: #90A4AE; + color: #ef6445; } .navbar-mobile .getstarted, @@ -366,7 +366,7 @@ h6 { .navbar-mobile .dropdown ul a:hover, .navbar-mobile .dropdown ul .active:hover, .navbar-mobile .dropdown ul li:hover>a { - color: #90A4AE; + color: #ef6445; } .navbar-mobile .dropdown>.dropdown-active { @@ -502,7 +502,7 @@ h6 { background: #90A4AE; } -#hero .btn-get-started { +/* #hero .btn-get-started { font-family: "Raleway", sans-serif; font-weight: 500; font-size: 14px; @@ -517,13 +517,50 @@ h6 { background: transparent; margin-top: 15px; border: 2px solid #90A4AE; +} */ + +/* #hero .btn-get-started:hover { + background: #90A4AE ; +} */ + +#hero .btn-get-started { + font-family: "Raleway", sans-serif; + font-weight: 500; + font-size: 14px; + + letter-spacing: 1px; + display: inline-block; + padding: 14px 38px; + border-radius: 4px; + transition: 0.5s; + line-height: 1; + color: #fff; + background: transparent; + margin-top: 15px; + border: 2px solid #fff; + position: relative; + overflow: hidden; } +#hero .btn-get-started::after { + content: '→'; + font-size: 20px; + position: absolute; + right: 10px; + top: 50%; + transform: translateY(-50%); + transition: right 0.5s; +} + +#hero .btn-get-started:hover::after { + right: 5px; +} #hero .btn-get-started:hover { - background: #90A4AE ; + border-color: #ef6445; /* Optional: Change border color on hover */ } + @media (max-width: 992px) { #hero { height: 100vh; @@ -674,7 +711,7 @@ section { .counts .count-box i { display: block; font-size: 30px; - color: #90A4AE; + color: #ef6445; float: left; } @@ -926,18 +963,18 @@ section { .product .entry .entry-content .read-more a { display: inline-block; - background: #90A4AE; + background: #ef6445; color: #fff; padding: 6px 20px; transition: 0.3s; font-size: 14px; border-radius: 4px; - border: 1px solid #90A4AE; + border: 1px solid #ef6445; } .product .entry .entry-content .read-more a:hover { background: #fff; - color: #90A4AE; + color: #ef6445; display: inline-block; } @@ -949,7 +986,7 @@ section { .product .entry .entry-content blockquote { overflow: hidden; - background-color: #fafafa; + background-color: #f6f9fd; padding: 60px; position: relative; text-align: center; @@ -1233,6 +1270,7 @@ section { /*-------------------------------------------------------------- # Breadcrumbs --------------------------------------------------------------*/ + .breadcrumbs { padding: 15px 0; background: #f6f9fd; @@ -1256,9 +1294,9 @@ section { display: flex; flex-wrap: wrap; list-style: none; - padding: 0 0 10px 0; + padding: 10px 0 10px 0; margin: 0; - font-size: 20px; + font-size: 16px; } .breadcrumbs ol li+li { @@ -1393,4 +1431,39 @@ section { #footer .footer-top .footer-info { margin: -20px 0 30px 0; } - \ No newline at end of file + +/*-------------------------------------------------------------- +# back button +--------------------------------------------------------------*/ + +.back-button { + position: fixed; + top: 100px; + left: 20px; + background-color: #fff; + color: black; + border: none; + padding: 10px; + border-radius: 50%; + cursor: pointer; + transition: background-color 0.3s ease; + text-decoration: none; + display: flex; + align-items: center; + justify-content: center; + width: 45px; + height: 45px; + box-shadow: 0 2px 5px #00000050; + z-index: 9999; /* Ensure the button is above all other content */ +} + +.back-button:hover { + background-color: #ef6445; + color: black; +} + +@media (max-width: 768px) { + .back-button { + display: none; + } +} \ No newline at end of file diff --git a/product 1.html b/product 1.html index c02a276..38f56cf 100644 --- a/product 1.html +++ b/product 1.html @@ -31,6 +31,7 @@ + + +
diff --git a/product 3.html b/product 3.html index d8db725..5c0679a 100644 --- a/product 3.html +++ b/product 3.html @@ -31,6 +31,8 @@ + + +
+
diff --git a/product 4.html b/product 4.html index 8a49dda..e5e75bf 100644 --- a/product 4.html +++ b/product 4.html @@ -31,6 +31,8 @@ + + +
+