Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Modification: in the service section and some text modification. #33

Open
wants to merge 1 commit into
base: main
Choose a base branch
from
Open

Modification: in the service section and some text modification. #33

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
21 changes: 17 additions & 4 deletions css/styles.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -61,7 +61,7 @@ h1 {
}

h2 {
color: #272556;
color: #564f25;
font-weight: 600;
font-size: 2rem;
line-height: 2.625rem;
Expand Down Expand Up @@ -595,7 +595,17 @@ a:hover {


/********************/

.cards-1 .card:hover {
transition: all 0.3s ease-out;
box-shadow: 7px 7px 5px 9px rgba(19, 167, 197, 0.2);
top: -4px;
border: 1px solid #f3f3f3;
background-color: rgb(236, 242, 242);
}
.cards-1 .card {
background-color: coral;
box-shadow: 3px 4px 8px rgb(237, 241, 218);
}
.cards-1 {
padding-top: 5rem;
padding-bottom: 1.25em;
Expand All @@ -608,13 +618,14 @@ a:hover {

.cards-1 .h2-heading span {
color: #f25c05;
text-decoration: underline;
text-decoration: none;
}

.cards-1 .card {
margin-bottom: 5rem;
border: none;
background-color: transparent;
border-radius: 20px;
padding-top: 8px;
}

.cards-1 .card-icon {
Expand All @@ -625,6 +636,8 @@ a:hover {
margin-left: auto;
border-radius: 10px;
background-color: #efebfd;


}

.cards-1 .card-icon .fas,
Expand Down
141 changes: 81 additions & 60 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -36,7 +36,9 @@
<link href="https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,400;0,600;1,400&display=swap"
rel="stylesheet">
<link href="css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.2.0/css/all.min.css" integrity="sha512-xh6O/CkQoPOWDdYTDqeRdPCVd1SpvCA9XXcUnZS2FmJNp1coAFzvtCN9BmamE+4aHK8yyUHUSCcJHgXloTyT2A==" crossorigin="anonymous" referrerpolicy="no-referrer" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.2.0/css/all.min.css"
integrity="sha512-xh6O/CkQoPOWDdYTDqeRdPCVd1SpvCA9XXcUnZS2FmJNp1coAFzvtCN9BmamE+4aHK8yyUHUSCcJHgXloTyT2A=="
crossorigin="anonymous" referrerpolicy="no-referrer" />
<link href="css/fontawesome-all.min.css" rel="stylesheet">
<link href="css/swiper.css" rel="stylesheet">
<link href="css/styles.css" rel="stylesheet">
Expand All @@ -51,8 +53,8 @@
<nav id="navbarExample" class="navbar navbar-expand-lg fixed-top navbar-light" aria-label="Main navigation">
<div class="container">

<!-- Image Logo
<a class="navbar-brand logo-image" href="index.html"><img src="images/logo.svg" alt="alternative"></a>-->

<a class="navbar-brand logo-image" href="index.html"><img src="images/logo.svg" alt="alternative"></a>

<!-- Text Logo - Use this if you don't have a graphic logo -->
<a class="navbar-brand logo-text" href="index.html">Ezy-Parking</a>
Expand Down Expand Up @@ -92,43 +94,48 @@

<div id="carouselExampleCaptions" class="carousel slide" data-bs-ride="false">
<div class="carousel-indicators">
<button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="0" class="active" aria-current="true" aria-label="Slide 1"></button>
<button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="1" aria-label="Slide 2"></button>
<button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="2" aria-label="Slide 3"></button>
<button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="0" class="active"
aria-current="true" aria-label="Slide 1"></button>
<button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="1"
aria-label="Slide 2"></button>
<button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="2"
aria-label="Slide 3"></button>

</div>
<div class="carousel-inner">
<div class="carousel-item c1 active">
<img src="images/carousel ezy-parking 2.jpg" class="d-block w-100" alt="...">
<div class="carousel-caption d-none d-md-block">
<h5>Digital Transformation</h5>
<p>Customized Software Solutions for Car Parking.</p>
<div class="carousel-item c1 active">
<img src="images/carousel ezy-parking 2.jpg" class="d-block w-100" alt="...">
<div class="carousel-caption d-none d-md-block">
<h5>Digital Transformation</h5>
<p>Customized Software Solutions for Car Parking.</p>
</div>
</div>
</div>
<div class="carousel-item">
<img src="images/Carousel2.jpg" class="d-block w-100" alt="...">
<div class="carousel-caption d-none d-md-block">
<h5>Step Into World of AI</h5>
<p>Unlock Infinite Potential with AI.</p>
<div class="carousel-item">
<img src="images/Carousel2.jpg" class="d-block w-100" alt="...">
<div class="carousel-caption d-none d-md-block">
<h5>Step Into World of AI</h5>
<p>Unlock Infinite Potential with AI.</p>
</div>
</div>
</div>
<div class="carousel-item c3">
<img src="images/Carousel3.jpg" class="d-block w-100" alt="...">
<div class="carousel-caption d-none d-md-block">
<h5>Good Reliablity</h5>
<p>Our Software Solutions are Reliable.</p>
<div class="carousel-item c3">
<img src="images/Carousel3.jpg" class="d-block w-100" alt="...">
<div class="carousel-caption d-none d-md-block">
<h5>Good Reliablity</h5>
<p>Our Software Solutions are Reliable.</p>
</div>
</div>
</div>
</div>
<button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="visually-hidden">Previous</span>
<button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleCaptions"
data-bs-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="visually-hidden">Previous</span>
</button>
<button class="carousel-control-next" type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="visually-hidden">Next</span>
<button class="carousel-control-next" type="button" data-bs-target="#carouselExampleCaptions"
data-bs-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="visually-hidden">Next</span>
</button>
</div>
</div>



Expand Down Expand Up @@ -233,25 +240,29 @@ <h2 class="testhead text-center" style="color: rgb(211, 149, 5);"><b>Testimonial

<!-- Indicators/dots -->
<div class="carousel-indicators">
<button type="button" style="background-color: black;" data-bs-target="#demo" data-bs-slide-to="0" class="active"></button>
<button type="button" data-bs-target="#demo" style="background-color: black;" data-bs-slide-to="1"></button>
<button type="button" data-bs-target="#demo" style="background-color: black;" data-bs-slide-to="2"></button>
<button type="button" style="background-color: black;" data-bs-target="#demo" data-bs-slide-to="0"
class="active"></button>
<button type="button" data-bs-target="#demo" style="background-color: black;"
data-bs-slide-to="1"></button>
<button type="button" data-bs-target="#demo" style="background-color: black;"
data-bs-slide-to="2"></button>
</div>

<!-- The slideshow/carousel -->
<div class="carousel-inner">
<div class="carousel-item active" style="height: 65vh; ;">
<div class="row" style="display: flex;align-items: center;justify-content: center;" >
<div class="row" style="display: flex;align-items: center;justify-content: center;">
<div class="card pt-3" style="width:30%;margin-right: 10px;">
<img class="card-img-top"
src="https://cdn.britannica.com/70/129770-050-AEBE1EB9/Robert-Downey-Jr-2008.jpg"
alt="Card image" style="height: 30vh;width: 50%;display: block;margin: auto;border-radius: 50%;border: 2px solid rgb(193, 168, 168); box-shadow: 0px 0px 0px 1px;">
alt="Card image"
style="height: 30vh;width: 50%;display: block;margin: auto;border-radius: 50%;border: 2px solid rgb(193, 168, 168); box-shadow: 0px 0px 0px 1px;">
<div class="card-body">
<h4 class="card-title text-center">John Doe</h4>
<p class="card-text">
<i class="fa-solid fa-quote-left"></i>
People say nothing is impossible but I do nothing everyday XD
<i class="fa-solid fa-quote-right"></i>
<i class="fa-solid fa-quote-right"></i>
</p>
<!-- <a href="#" class="btn btn-primary">See Profile</a> -->
</div>
Expand All @@ -260,13 +271,15 @@ <h4 class="card-title text-center">John Doe</h4>
<div class="card pt-3" style="width:30%;margin-left: 10px;">
<img class="card-img-top"
src="https://cdn.britannica.com/70/129770-050-AEBE1EB9/Robert-Downey-Jr-2008.jpg"
alt="Card image" style="height: 30vh;width: 50%;display: block;margin: auto;border-radius: 50%;border: 2px solid rgb(193, 168, 168); box-shadow: 0px 0px 0px 1px;">
alt="Card image"
style="height: 30vh;width: 50%;display: block;margin: auto;border-radius: 50%;border: 2px solid rgb(193, 168, 168); box-shadow: 0px 0px 0px 1px;">
<div class="card-body">
<h4 class="card-title text-center">John Doe</h4>
<p class="card-text">

<i class="fa-solid fa-quote-left"></i> People say nothing is impossible but I do nothing everyday XD
<i class="fa-solid fa-quote-right"></i>

<i class="fa-solid fa-quote-left"></i> People say nothing is impossible but I do
nothing everyday XD
<i class="fa-solid fa-quote-right"></i>
</p>
<!-- <a href="#" class="btn btn-primary">See Profile</a> -->
</div>
Expand All @@ -275,17 +288,19 @@ <h4 class="card-title text-center">John Doe</h4>
</div>

<div class="carousel-item " style="height: 65vh; ;">
<div class="row" style="display: flex;align-items: center;justify-content: center;" >
<div class="row" style="display: flex;align-items: center;justify-content: center;">
<div class="card pt-3" style="width:30%;margin-right: 10px;">
<img class="card-img-top"
src="https://cdn.britannica.com/70/129770-050-AEBE1EB9/Robert-Downey-Jr-2008.jpg"
alt="Card image" style="height: 30vh;width: 50%;display: block;margin: auto;border-radius: 50%;border: 2px solid rgb(193, 168, 168); box-shadow: 0px 0px 0px 1px;">
alt="Card image"
style="height: 30vh;width: 50%;display: block;margin: auto;border-radius: 50%;border: 2px solid rgb(193, 168, 168); box-shadow: 0px 0px 0px 1px;">
<div class="card-body">
<h4 class="card-title text-center">John Doe</h4>
<p class="card-text">

<i class="fa-solid fa-quote-left"></i> People say nothing is impossible but I do nothing everyday XD
<i class="fa-solid fa-quote-right"></i>

<i class="fa-solid fa-quote-left"></i> People say nothing is impossible but I do
nothing everyday XD
<i class="fa-solid fa-quote-right"></i>
</p>
<!-- <a href="#" class="btn btn-primary">See Profile</a> -->
</div>
Expand All @@ -294,13 +309,15 @@ <h4 class="card-title text-center">John Doe</h4>
<div class="card pt-3" style="width:30%;margin-left: 10px;">
<img class="card-img-top"
src="https://cdn.britannica.com/70/129770-050-AEBE1EB9/Robert-Downey-Jr-2008.jpg"
alt="Card image" style="height: 30vh;width: 50%;display: block;margin: auto;border-radius: 50%;border: 2px solid rgb(193, 168, 168); box-shadow: 0px 0px 0px 1px;">
alt="Card image"
style="height: 30vh;width: 50%;display: block;margin: auto;border-radius: 50%;border: 2px solid rgb(193, 168, 168); box-shadow: 0px 0px 0px 1px;">
<div class="card-body">
<h4 class="card-title text-center">John Doe</h4>
<p class="card-text">

<i class="fa-solid fa-quote-left"></i> People say nothing is impossible but I do nothing everyday XD
<i class="fa-solid fa-quote-right"></i>

<i class="fa-solid fa-quote-left"></i> People say nothing is impossible but I do
nothing everyday XD
<i class="fa-solid fa-quote-right"></i>
</p>
<!-- <a href="#" class="btn btn-primary">See Profile</a> -->
</div>
Expand All @@ -309,17 +326,19 @@ <h4 class="card-title text-center">John Doe</h4>
</div>

<div class="carousel-item " style="height: 65vh; ;">
<div class="row" style="display: flex;align-items: center;justify-content: center;" >
<div class="row" style="display: flex;align-items: center;justify-content: center;">
<div class="card pt-3" style="width:30%;margin-right: 10px;">
<img class="card-img-top"
src="https://cdn.britannica.com/70/129770-050-AEBE1EB9/Robert-Downey-Jr-2008.jpg"
alt="Card image" style="height: 30vh;width: 50%;display: block;margin: auto;border-radius: 50%;border: 2px solid rgb(193, 168, 168); box-shadow: 0px 0px 0px 1px;">
alt="Card image"
style="height: 30vh;width: 50%;display: block;margin: auto;border-radius: 50%;border: 2px solid rgb(193, 168, 168); box-shadow: 0px 0px 0px 1px;">
<div class="card-body">
<h4 class="card-title text-center">John Doe</h4>
<p class="card-text">

<i class="fa-solid fa-quote-left"></i> People say nothing is impossible but I do nothing everyday XD
<i class="fa-solid fa-quote-right"></i>

<i class="fa-solid fa-quote-left"></i> People say nothing is impossible but I do
nothing everyday XD
<i class="fa-solid fa-quote-right"></i>
</p>
<!-- <a href="#" class="btmmn btn-primary">See Profile</a> -->
</div>
Expand All @@ -328,13 +347,15 @@ <h4 class="card-title text-center">John Doe</h4>
<div class="card pt-3" style="width:30%;margin-left: 10px;">
<img class="card-img-top"
src="https://cdn.britannica.com/70/129770-050-AEBE1EB9/Robert-Downey-Jr-2008.jpg"
alt="Card image" style="height: 30vh;width: 50%;display: block;margin: auto;border-radius: 50%;border: 2px solid rgb(193, 168, 168); box-shadow: 0px 0px 0px 1px;">
alt="Card image"
style="height: 30vh;width: 50%;display: block;margin: auto;border-radius: 50%;border: 2px solid rgb(193, 168, 168); box-shadow: 0px 0px 0px 1px;">
<div class="card-body">
<h4 class="card-title text-center">John Doe</h4>
<p class="card-text">

<i class="fa-solid fa-quote-left"></i> People say nothing is impossible but I do nothing everyday XD
<i class="fa-solid fa-quote-right"></i>

<i class="fa-solid fa-quote-left"></i> People say nothing is impossible but I do
nothing everyday XD
<i class="fa-solid fa-quote-right"></i>
</p>
<!-- <a href="#" class="btn btn-primary">See Profile</a> -->
</div>
Expand All @@ -345,7 +366,7 @@ <h4 class="card-title text-center">John Doe</h4>

<!-- Left and right controls/icons -->
<button class="carousel-control-prev" type="button" data-bs-target="#demo" data-bs-slide="prev">
<span class="carousel-control-prev-icon" style="background-color: black;" ></span>
<span class="carousel-control-prev-icon" style="background-color: black;"></span>
</button>
<button class="carousel-control-next" type="button" data-bs-target="#demo" data-bs-slide="next">
<span class="carousel-control-next-icon" style="background-color: black;"></span>
Expand Down