Skip to content

Commit

Permalink
projects page update tumbnail claassic remove
Browse files Browse the repository at this point in the history
  • Loading branch information
@CodewithShahriar
CodewithShahriar committed Nov 29, 2024
1 parent 76f8c86 commit 5729514
Showing 1 changed file with 11 additions and 140 deletions.
151 changes: 11 additions & 140 deletions projects.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -14,101 +14,13 @@
<link rel="stylesheet" href="css/bootstrap.css">
<link rel="stylesheet" href="css/fonts.css">
<link rel="stylesheet" href="css/style.css">
<style>
.ie-panel {
display: none;
background: #212121;
padding: 10px 0;
box-shadow: 3px 3px 5px 0 rgba(0,0,0,.3);
clear: both;
text-align: center;
position: relative;
z-index: 1;
}
html.ie-10 .ie-panel, html.lt-ie-10 .ie-panel {
display: block;
}

.container {
width: 90%;
max-width: 1200px;
margin: auto;
padding: 20px 0;
}

.service-row {
display: flex;
justify-content: space-between;
margin-bottom: 20px; /* Space between rows */
}

.service-card {
flex: 1; /* Each card takes equal space */
margin: 0 10px; /* Space between cards */
background: #ffffff;
padding: 30px;
border-radius: 5px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
text-align: center; /* Center align content in cards */
}

.service-card .icon {
font-size: 50px;
color: #888;
transition: transform 0.3s;
}

.service-card .icon:hover {
transform: scale(1.1);
}

.service-card h2 {
color: #35424a;
margin-top: 10px;
}

.service-card p {
margin: 10px 0;
}

.buttons {
margin-top: 15px;
display: flex;
justify-content: center;
}

.btn {
display: inline-block;
padding: 10px 15px;
background-color: #6689FF;
color: #ffffff;
text-decoration: none;
border-radius: 5px;
margin: 0 10px;
transition: background-color 0.3s;
}

.btn:hover {
background-color: #4a68c7;
}

/* Responsive Design */
@media (max-width: 768px) {
.service-row {
flex-direction: column; /* Stack cards vertically on smaller screens */
}

.service-card {
margin: 10px 0; /* Space between stacked cards */
}
}
</style>

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
<link rel="stylesheet" href="styles.css"> <!-- Link to your main CSS file -->
<link rel="stylesheet" href="css/service.css"> <!-- Link to your service-specific CSS file -->
</head>
<body>
<div class="ie-panel"><a href="http://windows.microsoft.com/en-US/internet-explorer/"><img src="images/ie8-panel/warning_bar_0000_us.jpg" height="42" width="820" alt="You are using an outdated browser. For a faster, safer browsing experience, upgrade for free today."></a></div>

<div class="preloader">
<div class="preloader-body">
<div class="cssload-container"><span></span><span></span><span></span><span></span>
Expand Down Expand Up @@ -147,7 +59,7 @@
<ul class="rd-navbar-nav">
<li class="rd-nav-item "><a class="rd-nav-link" href="/index.html">Home</a></li>
<li class="rd-nav-item "><a class="rd-nav-link" href="/service.html">Services</a></li>
<li class="rd-nav-item active"><a class="rd-nav-link" href="#projects">Projects</a></li>
<li class="rd-nav-item active"><a class="rd-nav-link" href="/projects.html">Projects</a></li>
<li class="rd-nav-item"><a class="rd-nav-link" href="#team">Team</a></li>
<li class="rd-nav-item"><a class="rd-nav-link" href="#news">News</a></li>
<li class="rd-nav-item"><a class="rd-nav-link" href="#contacts">Contacts</a></li>
Expand Down Expand Up @@ -215,13 +127,7 @@ <h3>Login Credentials</h3>

<main>

<!-- <div class="headbar" style="width: 100%;height: 180px;background: #1a4eff;">
<h3 style="padding-top: 60px; color: #ffffff;">Projects</h3>
<a href="index.html" style="color: aliceblue;">Home</a> <i class="fas fa-chevron-right" style="color: aliceblue;"></i>
<a href="service.html" style="color: aliceblue;">Projects</a>
</div> -->


<!-- Latest Projects-->
<section class="section section-sm section-fluid bg-default text-center" id="projects">
<h2 class="">Latest Projects</h2>
Expand Down Expand Up @@ -283,90 +189,55 @@ <h2 class="">Latest Projects</h2>
<article class="thumbnail thumbnail-classic thumbnail-md">
<div class="thumbnail-classic-figure"><img src="images/fullwidth-gallery-6-420x350.jpg" alt="" width="420" height="350"/>
</div>
<div class="thumbnail-classic-caption">
<div class="thumbnail-classic-title-wrap"><a class="icon fl-bigmug-line-zoom60" href="images/grid-gallery-6-1200x800-original.jpg" data-lightgallery="item"><img src="images/fullwidth-gallery-6-420x350.jpg" alt="" width="420" height="350"/></a>
<h5 class="thumbnail-classic-title"><a href="#">MPlanner</a></h5>
</div>
<p class="thumbnail-classic-text">We work hard on every app to deliver top-notch features with great UI that you won’t find anywhere else.</p>
</div>

</article>
</div>
<div class="col-sm-6 col-lg-4 col-xxl-3 isotope-item wow fadeInLeft" data-filter="Type 2" data-wow-delay=".2s">
<!-- Thumbnail Classic-->
<article class="thumbnail thumbnail-classic thumbnail-md">
<div class="thumbnail-classic-figure"><img src="images/fullwidth-gallery-7-420x350.jpg" alt="" width="420" height="350"/>
</div>
<div class="thumbnail-classic-caption">
<div class="thumbnail-classic-title-wrap"><a class="icon fl-bigmug-line-zoom60" href="images/grid-gallery-7-1200x800-original.jpg" data-lightgallery="item"><img src="images/fullwidth-gallery-7-420x350.jpg" alt="" width="420" height="350"/></a>
<h5 class="thumbnail-classic-title"><a href="#">Alice Messenger</a></h5>
</div>
<p class="thumbnail-classic-text">We work hard on every app to deliver top-notch features with great UI that you won’t find anywhere else.</p>
</div>

</article>
</div>
<div class="col-sm-6 col-lg-4 col-xxl-3 isotope-item wow fadeInLeft" data-filter="Type 3" data-wow-delay=".3s">
<!-- Thumbnail Classic-->
<article class="thumbnail thumbnail-classic thumbnail-md">
<div class="thumbnail-classic-figure"><img src="images/fullwidth-gallery-8-420x350.jpg" alt="" width="420" height="350"/>
</div>
<div class="thumbnail-classic-caption">
<div class="thumbnail-classic-title-wrap"><a class="icon fl-bigmug-line-zoom60" href="images/grid-gallery-8-1200x800-original.jpg" data-lightgallery="item"><img src="images/fullwidth-gallery-8-420x350.jpg" alt="" width="420" height="350"/></a>
<h5 class="thumbnail-classic-title"><a href="#">WiseMoney</a></h5>
</div>
<p class="thumbnail-classic-text">We work hard on every app to deliver top-notch features with great UI that you won’t find anywhere else.</p>
</div>

</article>
</div>
<div class="col-sm-6 col-lg-4 col-xxl-3 isotope-item wow fadeInRight" data-filter="Type 3" data-wow-delay=".3s">
<!-- Thumbnail Classic-->
<article class="thumbnail thumbnail-classic thumbnail-md">
<div class="thumbnail-classic-figure"><img src="images/fullwidth-gallery-10-420x350.jpg" alt="" width="420" height="350"/>
</div>
<div class="thumbnail-classic-caption">
<div class="thumbnail-classic-title-wrap"><a class="icon fl-bigmug-line-zoom60" href="images/grid-gallery-4-1200x800-original.jpg" data-lightgallery="item"><img src="images/fullwidth-gallery-10-420x350.jpg" alt="" width="420" height="350"/></a>
<h5 class="thumbnail-classic-title"><a href="#">WeatherCast</a></h5>
</div>
<p class="thumbnail-classic-text">We work hard on every app to deliver top-notch features with great UI that you won’t find anywhere else.</p>
</div>

</article>
</div>
<div class="col-sm-6 col-lg-4 col-xxl-3 isotope-item wow fadeInLeft" data-filter="Type 2">
<!-- Thumbnail Classic-->
<article class="thumbnail thumbnail-classic thumbnail-md">
<div class="thumbnail-classic-figure"><img src="images/fullwidth-gallery-9-420x350.jpg" alt="" width="420" height="350"/>
</div>
<div class="thumbnail-classic-caption">
<div class="thumbnail-classic-title-wrap"><a class="icon fl-bigmug-line-zoom60" href="images/grid-gallery-5-1200x800-original.jpg" data-lightgallery="item"><img src="images/fullwidth-gallery-9-420x350.jpg" alt="" width="420" height="350"/></a>
<h5 class="thumbnail-classic-title"><a href="#">Home Calendar</a></h5>
</div>
<p class="thumbnail-classic-text">We work hard on every app to deliver top-notch features with great UI that you won’t find anywhere else.</p>
</div>

</article>
</div>
<div class="col-sm-6 col-lg-4 col-xxl-3 isotope-item wow fadeInLeft" data-filter="Type 2" data-wow-delay=".1s">
<!-- Thumbnail Classic-->
<article class="thumbnail thumbnail-classic thumbnail-md">
<div class="thumbnail-classic-figure"><img src="images/fullwidth-gallery-11-420x350.jpg" alt="" width="420" height="350"/>
</div>
<div class="thumbnail-classic-caption">
<div class="thumbnail-classic-title-wrap"><a class="icon fl-bigmug-line-zoom60" href="images/grid-gallery-6-1200x800-original.jpg" data-lightgallery="item"><img src="images/fullwidth-gallery-11-420x350.jpg" alt="" width="420" height="350"/></a>
<h5 class="thumbnail-classic-title"><a href="#">MPlanner</a></h5>
</div>
<p class="thumbnail-classic-text">We work hard on every app to deliver top-notch features with great UI that you won’t find anywhere else.</p>
</div>

</article>
</div>
<div class="col-sm-6 col-lg-4 col-xxl-3 isotope-item wow fadeInLeft" data-filter="Type 1" data-wow-delay=".2s">
<!-- Thumbnail Classic-->
<article class="thumbnail thumbnail-classic thumbnail-md">
<div class="thumbnail-classic-figure"><img src="images/fullwidth-gallery-12-420x350.jpg" alt="" width="420" height="350"/>
</div>
<div class="thumbnail-classic-caption">
<div class="thumbnail-classic-title-wrap"><a class="icon fl-bigmug-line-zoom60" href="images/grid-gallery-7-1200x800-original.jpg" data-lightgallery="item"><img src="images/fullwidth-gallery-12-420x350.jpg" alt="" width="420" height="350"/></a>
<h5 class="thumbnail-classic-title"><a href="#">Alice Messenger</a></h5>
</div>
<p class="thumbnail-classic-text">We work hard on every app to deliver top-notch features with great UI that you won’t find anywhere else.</p>
</div>

</article>
</div>

Expand Down

0 comments on commit 5729514

Please sign in to comment.