Merge branch 'beRajeevKumar:main' into signUp-login

BeehiveCommunity · Oct 7, 2024 · 76770d6 · 76770d6
2 parents 0f9dbf3 + e5dbed5
commit 76770d6
Show file tree

Hide file tree

Showing 6 changed files with 29 additions and 173 deletions.
diff --git a/21-ecommerce-product-page/index.html b/21-ecommerce-product-page/index.html
@@ -74,8 +74,8 @@
         <div class="product-main-img">
           <img
             class="thumbnail-img"
-            src="../images/image-product-1.jpg"
-            alt=""
+            src="./images/image-product-1-thumbnail.jpg"
+            alt="image-product-1-thumbnail"
           />
         </div>
         <div class="product-imgs">

diff --git a/README.md b/README.md
@@ -18,32 +18,28 @@ Click [here](https://www.frontendmentor.io/profile/beRajeevKumar) to checkout my
 
 | S.No | Name of the Project         | Live Project View | Source Code      | Read Blog     |
 | :--: | :-------------------------- | :---------------- | :--------------- | :------------ |
-|  1.  | Kanban Task Management      | [Project Demo]()  | [Project Code]() | [Read Blog]() |
-|  2.  | Memory Game                 | [Project Demo]()  | [Project Code]() | [Read Blog]() |
-|  3.  | In-browser Markdown Editor  | [Project Demo]()  | [Project Code]() | [Read Blog]() |
-|  4.  | URL Shortening API Page     | [Project Demo]()  | [Project Code]() | [Read Blog]() |
-|  5.  | Easybank Landing Page       | [Project Demo]()  | [Project Code]() | [Read Blog]() |
-|  6.  | E-Commerce Product Page     | [Project Demo]()  | [Project Code]() | [Read Blog]() |
-|  7.  | Testimonials Grid Section   | [Project Demo]()  | [Project Code]() | [Read Blog]() |
-|  8.  | News Homepage Website       | [Project Demo]()  | [Project Code]() | [Read Blog]() |
-|  9.  | Chat App CSS Illustration   | [Project Demo]()  | [Project Code]() | [Read Blog]() |
-| 10.  | Advice Generator App        | [Project Demo]()  | [Project Code]() | [Read Blog]() |
-| 11.  | Base Apparel Coming Soon    | [Project Demo]()  | [Project Code]() | [Read Blog]() |
-| 12.  | Article Preview Component   | [Project Demo]()  | [Project Code]() | [Read Blog]() |
-| 13.  | Huddle Landing Page         | [Project Demo]()  | [Project Code]() | [Read Blog]() |
-| 14.  | Stats Preview Card          | [Project Demo]()  | [Project Code]() | [Read Blog]() |
-| 15.  | Huddle Introductory Section | [Project Demo]()  | [Project Code]() | [Read Blog]() |
-| 16.  | Order Summary Component     | [Project Demo]()  | [Project Code]() | [Read Blog]() |
-| 17.  | Three Column Cards          | [Project Demo]()  | [Project Code]() | [Read Blog]() |
-| 18.  | Clipboard Landing Page      | [Project Demo]()  | [Project Code]() | [Read Blog]() |
-| 19.  | Profile Card Component      | [Project Demo]()  | [Project Code]() | [Read Blog]() |
-| 20.  | Fylo Two Column Layout      | [Project Demo]()  | [Project Code]() | [Read Blog]() |
-| 21.  | Product Preview Card        | [Project Demo]()  | [Project Code]() | [Read Blog]() |
-| 22.  | Intractive Rating Card      | [Project Demo]()  | [Project Code]() | [Read Blog]() |
-| 23.  | NFT Preview Card            | [Project Demo]()  | [Project Code]() | [Read Blog]() |
-| 24.  | Social Proof Section        | [Project Demo]()  | [Project Code]() | [Read Blog]() |
-| 25.  | Single Price Grid Component | [Project Demo]()  | [Project Code]() | [Read Blog]() |
-| 26.  | QR Code Component           | [Project Demo]()  | [Project Code]() | [Read Blog]() |
+|  1.  | Community Card              | [Project Demo]()  | [Project Code]() | [Read Blog]() |
+|  2.  | E-Commerce Product Page     | [Project Demo]()  | [Project Code]() | [Read Blog]() |
+|  3.  | Testimonials Grid Section   | [Project Demo]()  | [Project Code]() | [Read Blog]() |
+|  4.  | News Homepage Website       | [Project Demo]()  | [Project Code]() | [Read Blog]() |
+|  5.  | Chat App CSS Illustration   | [Project Demo]()  | [Project Code]() | [Read Blog]() |
+|  6.  | Advice Generator App        | [Project Demo]()  | [Project Code]() | [Read Blog]() |
+|  7.  | Base Apparel Coming Soon    | [Project Demo]()  | [Project Code]() | [Read Blog]() |
+|  8.  | Article Preview Component   | [Project Demo]()  | [Project Code]() | [Read Blog]() |
+|  9.  | Huddle Landing Page         | [Project Demo]()  | [Project Code]() | [Read Blog]() |
+| 10.  | Stats Preview Card          | [Project Demo]()  | [Project Code]() | [Read Blog]() |
+| 11.  | Huddle Introductory Section | [Project Demo]()  | [Project Code]() | [Read Blog]() |
+| 12.  | Order Summary Component     | [Project Demo]()  | [Project Code]() | [Read Blog]() |
+| 13.  | Three Column Cards          | [Project Demo]()  | [Project Code]() | [Read Blog]() |
+| 14.  | Clipboard Landing Page      | [Project Demo]()  | [Project Code]() | [Read Blog]() |
+| 15.  | Profile Card Component      | [Project Demo]()  | [Project Code]() | [Read Blog]() |
+| 16.  | Fylo Two Column Layout      | [Project Demo]()  | [Project Code]() | [Read Blog]() |
+| 17.  | Product Preview Card        | [Project Demo]()  | [Project Code]() | [Read Blog]() |
+| 18.  | Intractive Rating Card      | [Project Demo]()  | [Project Code]() | [Read Blog]() |
+| 19.  | NFT Preview Card            | [Project Demo]()  | [Project Code]() | [Read Blog]() |
+| 20.  | Social Proof Section        | [Project Demo]()  | [Project Code]() | [Read Blog]() |
+| 21.  | Single Price Grid Component | [Project Demo]()  | [Project Code]() | [Read Blog]() |
+| 22.  | QR Code Component           | [Project Demo]()  | [Project Code]() | [Read Blog]() |
 
 ### Tech stack
 

diff --git a/logo.png b/logo.png
diff --git a/preview.png b/preview.png
diff --git a/script.js b/script.js
@@ -75,11 +75,11 @@ projects.forEach(({ name }, i) => {
   const listItem = document.createElement("li");
 
   listItem.innerHTML = `
-		<a href="./${name}/index.html">
+		<a href="./${name}/index.html" target="_blank">
 			<img src="./${name}/design/desktop-design.jpg" alt="${name}" />
 			<p>${i + 1}. ${formatProjectName(name)}</p>
 		</a>
-		<div class="links-container">
+		<div class="links-container" target="_blank">
 			<a href="./${name}/index.html" class="blue">
 				<i class="fas fa-eye"></i>
 			</a>

diff --git a/style.css b/style.css
@@ -1,158 +1,31 @@
 * {
-<<<<<<< HEAD
+
     margin: 0px;
     padding: 0px;
     box-sizing: border-box;
 }
 
-=======
-  margin: 0;
-  padding: 0;
-  box-sizing: border-box;
-}
-html {
-  font-size: 62.5%;
-}
-body {
-  font-family: "Poppins", sans-serif;
-  color: #333;
-  background: #f4f1f1;
-}
-
-nav{
-  display: flex;
-  background-color: #ffffff;
-  height:70px;
-}
-nav img{
-  width:15%;
-
-}
-.links {
-  width:80%;
-  display: flex;
-  justify-content: flex-end;
-  align-items: center;
-  padding:10px;
-}
-.link{
-  padding:10px;
-  font-family:monospace;
-  font-size: 20px;
-  margin:30px;
-  color: #000;
-  text-decoration: none;
-}
-.link:hover{
-  background-color:#c8c8c8;
-  border-radius:5%;
-}
-/* Search bar styling */
-.search-bar {
-  width: 100%;
-  max-width: 400px;
-  padding: 10px;
-  margin: 20px auto;
-  display: block;
-  font-size: 1.2rem;
-  border-radius: 8px;
-}
-
-.text{
-      font-size:35px;
-      margin-top:5rem;
-      font-weight: medium;
-      text-decoration: underline;
-nav {
-  display: flex;
-  justify-content: space-between;
-  align-items: start;
-  background-color: #050505;
-  position: fixed;
-  width: 100%;
-}
-.navBar {
-  z-index: 6;
-}
-
-nav img {
-  width: 200px;
-  height: 70px;
-  margin-left: 2rem;
-
-  margin-top: 2px;
-  margin-bottom: 2px;
-  display: flex;
-  align-items: start;
-}
-
->>>>>>> 95acef3fb53d61495a4c0b3d15caaab1962408d2
 .lists {
   margin-right: 20rem;
-
-  list-style: none;
-<<<<<<< HEAD
-=======
+ list-style: none;
 }
-.texts {
-  font-size: 25px;
-  margin-top: 2rem;
-  font-weight: medium;
-  color: white;
-  position: relative;
-  padding-right: 20rem;
-}
-.texts::after {
-  content: "";
-  background-color: #34a0e9;
-  border-radius: 10px;
-  position: absolute;
-  bottom: 0px;
-  left: 0;
-  height: 4px;
-  width: 150px;
 
->>>>>>> 95acef3fb53d61495a4c0b3d15caaab1962408d2
-}
+
 
 h2 {
   font-size: 2.4rem;
   position: relative;
   font-weight: 600;
   margin-top: 2.4rem;
-<<<<<<< HEAD
   text-align: center;
   color:black;
 }
 
-=======
-
-  color: white;
-}
-
-h2::after {
-  content: "";
-  background-color: #34a0e9;
-  border-radius: 10px;
-  position: absolute;
-  bottom: 0px;
-  left: 0;
-  height: 4px;
-  width: 100px;
-}
->>>>>>> 95acef3fb53d61495a4c0b3d15caaab1962408d2
-
 .list {
   display: flex;
   flex-wrap: wrap;
   justify-content: center;
   list-style-type: none;
-<<<<<<< HEAD
-
-=======
-  padding: 0;
-  padding-top: 10rem;
->>>>>>> 95acef3fb53d61495a4c0b3d15caaab1962408d2
 }
 
 .list li {
@@ -162,19 +35,9 @@ h2::after {
   border-radius: 25px;
   width: 350px;
 }
-<<<<<<< HEAD
 .list li:hover {
   transform: scale(1.1);
   box-shadow: 0px 0 0px 4px #9f9b9b;
-=======
-ul li:hover {
-  transform: scale(1.1);
-  box-shadow: 0px 0 0px 4px #9f9b9b;
-
-  transition: 0.5s ease;
-}
->>>>>>> 95acef3fb53d61495a4c0b3d15caaab1962408d2
-
   transition: 0.5s ease;
 }
 
@@ -228,9 +91,6 @@ ul li:hover {
   transform: scale(1.2);
 }
 
-
-
-
 .btn-sub{
   padding: 12px 30px;
   background-color: black;