Skip to content

Commit

Permalink
Merge pull request #31 from Abhijit-karji-007/c2
Browse files Browse the repository at this point in the history 
4 new blog posts added on the website
  • Loading branch information
@revolution-software-club
revolution-software-club authored Feb 15, 2024
2 parents 2d84642 + fcfcf42 commit 736b5a6
Show file tree
Hide file tree
Showing 11 changed files with 904 additions and 63 deletions.
11 changes: 11 additions & 0 deletions pages/blog/blogMain.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -58,6 +58,17 @@ a:link {

}

.image-container {
height: 200px;
overflow: hidden;
}

.image-container img {
width: 65%;
height: auto;
object-fit: cover;
}

/* Load more and show less buttons */
.load-more-button,
.show-less-button {
Expand Down
88 changes: 35 additions & 53 deletions pages/blog/blogMain.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4,32 +4,17 @@
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>RSDC | blogs</title>
<link
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css"
rel="stylesheet"
/>
<link
href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css"
rel="stylesheet"
integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC"
crossorigin="anonymous"
/>
<script
src="https://cdn.jsdelivr.net/npm/@popperjs/[email protected]/dist/umd/popper.min.js"
integrity="sha384-I7E8VVD/ismYTF4hNIPjVp/Zjvgyol6VFvRkX/vR+Vc4jQkC+hVqc2pM8ODewa9r"
crossorigin="anonymous"
></script>
<script
defer
src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js"
integrity="sha384-BBtl+eGJRgqQAUMxJ7pMwbEyER4l1g+O15P+16Ep7Q9Q+zqX6gSbd85u4mG4QzX+"
crossorigin="anonymous"
></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css" rel="stylesheet"/>
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous"/>
<script src="https://cdn.jsdelivr.net/npm/@popperjs/[email protected]/dist/umd/popper.min.js"
integrity="sha384-I7E8VVD/ismYTF4hNIPjVp/Zjvgyol6VFvRkX/vR+Vc4jQkC+hVqc2pM8ODewa9r" crossorigin="anonymous">
</script>
<script defer src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js"
integrity="sha384-BBtl+eGJRgqQAUMxJ7pMwbEyER4l1g+O15P+16Ep7Q9Q+zqX6gSbd85u4mG4QzX+" crossorigin="anonymous">
</script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"
/>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"/>
<link rel="stylesheet" href="./blogMain.css" />
</head>

Expand Down Expand Up @@ -122,16 +107,15 @@ <h2 class="text-center">

<div class="col-md-6 col-lg-4">
<div class="card my-3">
<div class="d-flex align-items-center justify-content-center">
<img src="../../Images/rsdc_logo.svg" class="card-image-top" alt=""/>
<div class="image-container d-flex align-items-center justify-content-center">
<img src="../blog/blogs/content images/neuromorph.jpg" class="card-image-top" alt=""/>
</div>
<div class="card-body">
<h3 class="card-title">
<a href="#" class="text-secondary">What is HTML</a>
<a href="../blog/blogs/blog1.html" class="text-secondary">Neuromorphic Computing</a>
</h3>
<p class="card-text">
HTML stands for Hyper Text Markup Language, It helps to learn
web development and designing.
It is the method of computer engineering where elements of computer are...
</p>
<div class="d-flex justify-content-between align-items-center">
<a href="../blog/blogs/blog1.html" class="btn btn-primary">Read More</a>
Expand All @@ -146,16 +130,15 @@ <h3 class="card-title">

<div class="col-md-6 col-lg-4">
<div class="card my-3">
<div class="d-flex align-items-center justify-content-center">
<img src="../../Images/rsdc_logo.svg" class="card-image-top" alt=""/>
<div class="image-container d-flex align-items-center justify-content-center">
<img src="../blog/blogs/content images/js-e.jpeg" class="card-image-top" alt=""/>
</div>
<div class="card-body">
<h3 class="card-title">
<a href="#" class="text-secondary">What is HTML</a>
<a href="../blog/blogs/blog2.html" class="text-secondary">JS Events</a>
</h3>
<p class="card-text">
HTML stands for Hyper Text Markup Language, It helps to learn
web development and designing.
Learn Different JS Event that are very usefull for your website...
</p>
<div class="d-flex justify-content-between align-items-center">
<a href="../blog/blogs/blog2.html" class="btn btn-primary">Read More</a>
Expand All @@ -170,19 +153,19 @@ <h3 class="card-title">

<div class="col-md-6 col-lg-4">
<div class="card my-3">
<div class="d-flex align-items-center justify-content-center">
<img src="../../Images/rsdc_logo.svg" class="card-image-top" alt=""/>
<div class="image-container d-flex align-items-center justify-content-center">
<img src="../blog/blogs/content images/singularity.jpg" class="card-image-top" alt=""/>
</div>
<div class="card-body">
<h3 class="card-title">
<a href="#" class="text-secondary">What is HTML</a>
<a href="../blog/blogs/blog3.html" class="text-secondary">What is HTML</a>
</h3>
<p class="card-text">
HTML stands for Hyper Text Markup Language, It helps to learn
web development and designing.
</p>
<div class="d-flex justify-content-between align-items-center">
<a href="#" class="btn btn-primary">Read More</a>
<a href="../blog/blogs/blog3.html" class="btn btn-primary">Read More</a>
<div>
<i class="fas fa-eye"></i>
<span> 67 Views</span>
Expand All @@ -194,19 +177,18 @@ <h3 class="card-title">

<div class="col-md-6 col-lg-4">
<div class="card my-3">
<div class="d-flex align-items-center justify-content-center">
<img src="../../Images/rsdc_logo.svg" class="card-image-top" alt=""/>
<div class="image-container d-flex align-items-center justify-content-center">
<img src="../blog/blogs/content images/cpp.png" class="card-image-top" alt=""/>
</div>
<div class="card-body">
<h3 class="card-title">
<a href="#" class="text-secondary">What is HTML</a>
<a href="../blog/blogs/blog4.html" class="text-secondary">Functions in C++</a>
</h3>
<p class="card-text">
HTML stands for Hyper Text Markup Language, It helps to learn
web development and designing.
This tells the compiler about the function's existence, its name, return type, and parameters (if any)....
</p>
<div class="d-flex justify-content-between align-items-center">
<a href="#" class="btn btn-primary">Read More</a>
<a href="../blog/blogs/blog4.html" class="btn btn-primary">Read More</a>
<div>
<i class="fas fa-eye"></i>
<span> 67 Views</span>
Expand All @@ -218,7 +200,7 @@ <h3 class="card-title">

<div class="col-md-6 col-lg-4">
<div class="card my-3">
<div class="d-flex align-items-center justify-content-center">
<div class="image-container d-flex align-items-center justify-content-center">
<img src="../../Images/rsdc_logo.svg" class="card-image-top" alt=""/>
</div>
<div class="card-body">
Expand All @@ -242,7 +224,7 @@ <h3 class="card-title">

<div class="col-md-6 col-lg-4">
<div class="card my-3">
<div class="d-flex align-items-center justify-content-center">
<div class="image-container d-flex align-items-center justify-content-center">
<img src="../../Images/rsdc_logo.svg" class="card-image-top" alt=""/>
</div>
<div class="card-body">
Expand All @@ -266,7 +248,7 @@ <h3 class="card-title">

<div class="col-md-6 col-lg-4">
<div class="card my-3">
<div class="d-flex align-items-center justify-content-center">
<div class="image-container d-flex align-items-center justify-content-center">
<img src="../../Images/rsdc_logo.svg" class="card-image-top" alt=""/>
</div>
<div class="card-body">
Expand All @@ -290,7 +272,7 @@ <h3 class="card-title">

<div class="col-md-6 col-lg-4">
<div class="card my-3">
<div class="d-flex align-items-center justify-content-center">
<div class="image-container d-flex align-items-center justify-content-center">
<img src="../../Images/rsdc_logo.svg" class="card-image-top" alt=""/>
</div>
<div class="card-body">
Expand All @@ -314,7 +296,7 @@ <h3 class="card-title">

<div class="col-md-6 col-lg-4">
<div class="card my-3">
<div class="d-flex align-items-center justify-content-center">
<div class="image-container d-flex align-items-center justify-content-center">
<img src="../../Images/rsdc_logo.svg" class="card-image-top" alt=""/>
</div>
<div class="card-body">
Expand All @@ -338,7 +320,7 @@ <h3 class="card-title">

<div class="col-md-6 col-lg-4">
<div class="card my-3">
<div class="d-flex align-items-center justify-content-center">
<div class="image-container d-flex align-items-center justify-content-center">
<img src="../../Images/rsdc_logo.svg" class="card-image-top" alt=""/>
</div>
<div class="card-body">
Expand All @@ -362,7 +344,7 @@ <h3 class="card-title">

<div class="col-md-6 col-lg-4">
<div class="card my-3">
<div class="d-flex align-items-center justify-content-center">
<div class="image-container d-flex align-items-center justify-content-center">
<img src="../../Images/rsdc_logo.svg" class="card-image-top" alt=""/>
</div>
<div class="card-body">
Expand All @@ -386,7 +368,7 @@ <h3 class="card-title">

<div class="col-md-6 col-lg-4">
<div class="card my-3">
<div class="d-flex align-items-center justify-content-center">
<div class="image-container d-flex align-items-center justify-content-center">
<img src="../../Images/rsdc_logo.svg" class="card-image-top" alt=""/>
</div>
<div class="card-body">
Expand Down
50 changes: 50 additions & 0 deletions pages/blog/blogs/blog-post.css
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,50 @@
/* Custom CSS for blog post page */
body {
font-family: Arial, sans-serif;
background-color: #f8f9fa;
}

.card {
border: none;
border-radius: 15px;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.card-title {
color: #333;
}

.card-text {
color: #666;
}

.btn-primary {
background-color: #007bff;
border: none;
}

.btn-primary:hover {
background-color: #0056b3;
}

.btn-secondary {
background-color: #6c757d;
border: none;
}

.btn-secondary:hover {
background-color: #5a6268;
}

footer {
padding: 20px 0;
color: #666;
}

/* Responsive styles */
@media (max-width: 768px) {
.card {
margin-top: 20px;
}
}

Loading

0 comments on commit 736b5a6

Please sign in to comment.