Thomas 2 years ago
parent aa3da7cf1d
commit 4891f9bf8d

@ -31,6 +31,8 @@
<!-- Template Main CSS File --> <!-- Template Main CSS File -->
<link href="assets/css/style.css" rel="stylesheet"> <link href="assets/css/style.css" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css">
<!-- ======================================================= <!-- =======================================================
* Template Name: SiMS * Template Name: SiMS
* Updated: Mar 10 2023 with Bootstrap v5.2.3 * Updated: Mar 10 2023 with Bootstrap v5.2.3
@ -74,6 +76,10 @@
<main id="main"> <main id="main">
<a href="index.html" class="back-button">
<i class="fas fa-arrow-left"></i>
</a>
<!-- ======= Breadcrumbs ======= --> <!-- ======= Breadcrumbs ======= -->
<section id="breadcrumbs" class="breadcrumbs"> <section id="breadcrumbs" class="breadcrumbs">
<div class="container"> <div class="container">
@ -82,7 +88,8 @@
<li>About Us</li> <li>About Us</li>
</ol> </ol>
</div> </div>
</section><!-- End Breadcrumbs --> </section>
<!-- End Breadcrumbs -->
<br> <br>
<!-- ======= Work Process Section ======= --> <!-- ======= Work Process Section ======= -->

@ -232,7 +232,7 @@ h6 {
.navbar .dropdown ul a:hover, .navbar .dropdown ul a:hover,
.navbar .dropdown ul .active:hover, .navbar .dropdown ul .active:hover,
.navbar .dropdown ul li:hover>a { .navbar .dropdown ul li:hover>a {
color: #90A4AE; color: #ef6445;
} }
.navbar .dropdown:hover>ul { .navbar .dropdown:hover>ul {
@ -331,7 +331,7 @@ h6 {
.navbar-mobile a:hover, .navbar-mobile a:hover,
.navbar-mobile .active, .navbar-mobile .active,
.navbar-mobile li:hover>a { .navbar-mobile li:hover>a {
color: #90A4AE; color: #ef6445;
} }
.navbar-mobile .getstarted, .navbar-mobile .getstarted,
@ -366,7 +366,7 @@ h6 {
.navbar-mobile .dropdown ul a:hover, .navbar-mobile .dropdown ul a:hover,
.navbar-mobile .dropdown ul .active:hover, .navbar-mobile .dropdown ul .active:hover,
.navbar-mobile .dropdown ul li:hover>a { .navbar-mobile .dropdown ul li:hover>a {
color: #90A4AE; color: #ef6445;
} }
.navbar-mobile .dropdown>.dropdown-active { .navbar-mobile .dropdown>.dropdown-active {
@ -502,7 +502,7 @@ h6 {
background: #90A4AE; background: #90A4AE;
} }
#hero .btn-get-started { /* #hero .btn-get-started {
font-family: "Raleway", sans-serif; font-family: "Raleway", sans-serif;
font-weight: 500; font-weight: 500;
font-size: 14px; font-size: 14px;
@ -517,13 +517,50 @@ h6 {
background: transparent; background: transparent;
margin-top: 15px; margin-top: 15px;
border: 2px solid #90A4AE; 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 { #hero .btn-get-started:hover {
background: #90A4AE ; border-color: #ef6445; /* Optional: Change border color on hover */
} }
@media (max-width: 992px) { @media (max-width: 992px) {
#hero { #hero {
height: 100vh; height: 100vh;
@ -674,7 +711,7 @@ section {
.counts .count-box i { .counts .count-box i {
display: block; display: block;
font-size: 30px; font-size: 30px;
color: #90A4AE; color: #ef6445;
float: left; float: left;
} }
@ -926,18 +963,18 @@ section {
.product .entry .entry-content .read-more a { .product .entry .entry-content .read-more a {
display: inline-block; display: inline-block;
background: #90A4AE; background: #ef6445;
color: #fff; color: #fff;
padding: 6px 20px; padding: 6px 20px;
transition: 0.3s; transition: 0.3s;
font-size: 14px; font-size: 14px;
border-radius: 4px; border-radius: 4px;
border: 1px solid #90A4AE; border: 1px solid #ef6445;
} }
.product .entry .entry-content .read-more a:hover { .product .entry .entry-content .read-more a:hover {
background: #fff; background: #fff;
color: #90A4AE; color: #ef6445;
display: inline-block; display: inline-block;
} }
@ -949,7 +986,7 @@ section {
.product .entry .entry-content blockquote { .product .entry .entry-content blockquote {
overflow: hidden; overflow: hidden;
background-color: #fafafa; background-color: #f6f9fd;
padding: 60px; padding: 60px;
position: relative; position: relative;
text-align: center; text-align: center;
@ -1233,6 +1270,7 @@ section {
/*-------------------------------------------------------------- /*--------------------------------------------------------------
# Breadcrumbs # Breadcrumbs
--------------------------------------------------------------*/ --------------------------------------------------------------*/
.breadcrumbs { .breadcrumbs {
padding: 15px 0; padding: 15px 0;
background: #f6f9fd; background: #f6f9fd;
@ -1256,9 +1294,9 @@ section {
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
list-style: none; list-style: none;
padding: 0 0 10px 0; padding: 10px 0 10px 0;
margin: 0; margin: 0;
font-size: 20px; font-size: 16px;
} }
.breadcrumbs ol li+li { .breadcrumbs ol li+li {
@ -1393,4 +1431,39 @@ section {
#footer .footer-top .footer-info { #footer .footer-top .footer-info {
margin: -20px 0 30px 0; margin: -20px 0 30px 0;
} }
/*--------------------------------------------------------------
# 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;
}
}

@ -31,6 +31,7 @@
<!-- Template Main CSS File --> <!-- Template Main CSS File -->
<link href="assets/css/style.css" rel="stylesheet"> <link href="assets/css/style.css" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css">
<!-- ======================================================= <!-- =======================================================
* Template Name: Sims * Template Name: Sims
* Updated: Mar 10 2023 with Bootstrap v5.2.3 * Updated: Mar 10 2023 with Bootstrap v5.2.3
@ -74,6 +75,10 @@
<main id="main"> <main id="main">
<a href="index.html" class="back-button">
<i class="fas fa-arrow-left"></i>
</a>
<!-- ======= Breadcrumbs ======= --> <!-- ======= Breadcrumbs ======= -->
<section id="breadcrumbs" class="breadcrumbs"> <section id="breadcrumbs" class="breadcrumbs">
<div class="container"> <div class="container">
@ -82,10 +87,10 @@
<li><a href="index.html">Home</a></li> <li><a href="index.html">Home</a></li>
<li>PACSWARE</li> <li>PACSWARE</li>
</ol> </ol>
<!-- <h2>PACSWARE 10g CO-OPERATIVE BANKING</h2> -->
</div> </div>
</section><!-- End Breadcrumbs --> </section>
<!-- End Breadcrumbs -->
<section id="product" class="product"> <section id="product" class="product">
<div class="container"> <div class="container">

@ -31,6 +31,8 @@
<!-- Template Main CSS File --> <!-- Template Main CSS File -->
<link href="assets/css/style.css" rel="stylesheet"> <link href="assets/css/style.css" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css">
<!-- ======================================================= <!-- =======================================================
* Template Name: SiMS * Template Name: SiMS
* Updated: Mar 10 2023 with Bootstrap v5.2.3 * Updated: Mar 10 2023 with Bootstrap v5.2.3
@ -74,6 +76,10 @@
<main id="main"> <main id="main">
<a href="index.html" class="back-button">
<i class="fas fa-arrow-left"></i>
</a>
<!-- ======= Breadcrumbs ======= --> <!-- ======= Breadcrumbs ======= -->
<section id="breadcrumbs" class="breadcrumbs"> <section id="breadcrumbs" class="breadcrumbs">
<div class="container"> <div class="container">
@ -82,10 +88,10 @@
<li><a href="index.html">Home</a></li> <li><a href="index.html">Home</a></li>
<li>PACSwareNET</li> <li>PACSwareNET</li>
</ol> </ol>
<!-- <h2>PACSwareNET</h2> -->
</div> </div>
</section><!-- End Breadcrumbs --> </section>
<!-- End Breadcrumbs -->
<section id="product" class="product"> <section id="product" class="product">
<div class="container" > <div class="container" >

@ -31,6 +31,8 @@
<!-- Template Main CSS File --> <!-- Template Main CSS File -->
<link href="assets/css/style.css" rel="stylesheet"> <link href="assets/css/style.css" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css">
<!-- ======================================================= <!-- =======================================================
* Template Name: SiMS * Template Name: SiMS
* Updated: Mar 10 2023 with Bootstrap v5.2.3 * Updated: Mar 10 2023 with Bootstrap v5.2.3
@ -74,6 +76,10 @@
<main id="main"> <main id="main">
<a href="index.html" class="back-button">
<i class="fas fa-arrow-left"></i>
</a>
<!-- ======= Breadcrumbs ======= --> <!-- ======= Breadcrumbs ======= -->
<section id="breadcrumbs" class="breadcrumbs"> <section id="breadcrumbs" class="breadcrumbs">
<div class="container"> <div class="container">
@ -82,9 +88,9 @@
<li><a href="index.html">Home</a></li> <li><a href="index.html">Home</a></li>
<li>mPACS</li> <li>mPACS</li>
</ol> </ol>
<!-- <h2>mPACS</h2> -->
</div> </div>
</section><!-- End Breadcrumbs --> </section>
<!-- End Breadcrumbs -->
<section id="product" class="product"> <section id="product" class="product">
<div class="container"> <div class="container">

Loading…
Cancel
Save