Merge pull request #18 from aialok/aialok-brancha

Fixes : Card Size and UI

.all-contributorsrc

@@ -0,0 +1,57 @@
+{
+  "projectName": "open-source-IIIT-Ranchi",
+  "projectOwner": "aialok",
+  "files": [
+    "README.md"
+  ],
+  "commitType": "docs",
+  "commitConvention": "angular",
+  "contributorsPerLine": 7,
+  "contributors": [
+    {
+      "login": "aialok",
+      "name": "Alok Gupta",
+      "avatar_url": "https://avatars.githubusercontent.com/u/66772290?v=4",
+      "profile": "https://github.com/aialok",
+      "contributions": [
+        "doc"
+      ]
+    },
+    {
+      "login": "Prakharpandey007",
+      "name": "Prakharpandey007",
+      "avatar_url": "https://avatars.githubusercontent.com/u/124185531?v=4",
+      "profile": "https://github.com/Prakharpandey007",
+      "contributions": [
+        "code"
+      ]
+    },
+    {
+      "login": "ArionDas",
+      "name": "ArionDas",
+      "avatar_url": "https://avatars.githubusercontent.com/u/117722561?v=4",
+      "profile": "https://github.com/ArionDas",
+      "contributions": [
+        "code"
+      ]
+    },
+    {
+      "login": "maneshkoppisetti",
+      "name": "Manesh Koppisetti",
+      "avatar_url": "https://avatars.githubusercontent.com/u/123887582?v=4",
+      "profile": "https://github.com/maneshkoppisetti",
+      "contributions": [
+        "code"
+      ]
+    },
+    {
+      "login": "akshaydubey05",
+      "name": "Akshay Kumar Dubey",
+      "avatar_url": "https://avatars.githubusercontent.com/u/123586645?v=4",
+      "profile": "https://github.com/akshaydubey05",
+      "contributions": [
+        "code"
+      ]
+    }
+  ]
+}

README.md

@@ -1,5 +1,5 @@
 # IIIT Ranchi Hacktoberfest 2023 Repository
-###  Give a star to this repo
+###  Give a star to this repo⭐⭐⭐
 
 Welcome to the IIIT Ranchi Hacktoberfest 2023 repository! 🚀
 
@@ -44,25 +44,27 @@ Please adhere to the following guidelines when contributing to this repository:
 Use the following template to create your card in the `src/pages/{your-year}` directory:
 
 ```markdown
-  <div class="max-w-xl rounded overflow-hidden shadow-2xl mx-auto  my-8 transform hover:scale-105 transition-transform duration-300 ">
+   <div class="max-w-xs rounded overflow-hidden shadow-2xl   my-8 transform hover:scale-105 transition-transform duration-300 ">
 
-    <div class="flex w-full">
-
-          <div class="object-fill w-1/2 ">
-          <img  src="{profile-image-url}" alt="Image" class="h-56  object-cover">
-        </div>
 
-
+      <div class="flex w-full">
+        <div class="w-1/2">
+          <div class="h-56 bg-gray-300">
+            <img src={Your-image-url} class="h-full w-full object-cover">
+          </div>
+        </div>
+
           <div class="w-3/5 p-4 my-auto">
-            <div class="font-bold text-xl mb-2 ">{Your-Name}</div>
-            <p class="text-gray-700 text-base">{Your-Branch}</p>
-            <p class="text-gray-700 text-base">{Your-Hobby}</p>
-            <button class="bg-orange-500 text-black hover:ring-2 hover:ring-orange-500 py-2 px-4 rounded-full mt-6"> <a href="{your-portfolio-link}" target="_blank" class="font-medium"
+            <div class="font-bold text-xl mb-2 ">{Your Name}</div>
+            <p class="text-gray-700 text-base">{Your Branch}</p>
+            <p class="text-gray-700 text-base">{Your Hobbies}</p>
+            <button class="bg-orange-500 text-black hover:ring-2 hover:ring-orange-500 py-2 px-4 rounded-full mt-6"> <a href={Your-portfolio-link} target="_blank" class="font-medium"
               >Portfolio</a
             ></button>
         </div>
       </div>
-  </div>    
+
+    </div>
 ```
 
 ## Happy Hacking!
@@ -72,3 +74,10 @@ We encourage you to explore, learn, and have fun during Hacktoberfest 2023. If y
 Let's make Hacktoberfest 2023 a memorable and productive experience for all IIIT Ranchi students! 🌟
 
 **Happy Hacking!** 🚀
+
+
+## Thanks to all the contributors ❤️
+
+<img src="https://contrib.rocks/image?repo=aialok/open-source-IIIT-Ranchi"/>
+
+

src/pages/sophomore.html

@@ -6,7 +6,9 @@
     <script src="https://cdn.tailwindcss.com"></script>
   </head>
   <body>
-    <navbar class="flex  justify-around items-center overflow-auto max-sm:flex-col">
+    <navbar
+      class="flex justify-around items-center overflow-auto max-sm:flex-col"
+    >
       <brand-name class="text-xl font-bold max-sm:text-lg"
         >Open Source IIIT Ranchi</brand-name
       >
@@ -15,62 +17,205 @@
           <a href="https://aialok.github.io/open-source-IIIT-Ranchi/">Home</a>
         </li>
         <li class="hover:bg-orange-500 p-4 max-sm:p-1 cursor-pointer">
-          <a href="./freshers.html" >Fresher</a>s
+          <a href="./freshers.html">Fresher</a>s
         </li>
         <li class="hover:bg-orange-500 p-4 max-sm:p-1 cursor-pointer">
           <a href="./sophomore.html">Sophomore</a>
         </li>
         <li class="hover:bg-orange-500 p-4 max-sm:p-1 cursor-pointer">
-          <a href="./third-year.html" >Third Year</a>
+          <a href="./third-year.html">Third Year</a>
         </li>
         <li class="hover:bg-orange-500 p-4 max-sm:p-1 cursor-pointer">
           <a href="./senior.html">Senior</a>
         </li>
       </ul>
     </navbar>
-    <div class="w-full bg-orange-500 h-4 "></div>
+    <div class="w-full bg-orange-500 h-4"></div>
 
-    <div class="cards flex  flex-wrap mx-10">
-      <div class="max-w-xl rounded overflow-hidden shadow-2xl mx-auto  my-8 transform hover:scale-105 transition-transform duration-300 ">
+    <div class="cards flex justify-start gap-10 flex-wrap mx-10">
+      <div
+        class="max-w-xs rounded overflow-hidden shadow-2xl my-8 transform hover:scale-105 transition-transform duration-300"
+      >
+        <div class="flex w-full">
+          <div class="w-1/2">
+            <div class="h-56 bg-gray-300">
+              <img
+                src="../assets/images/DSC_0036.JPG"
+                alt="Image"
+                class="h-full w-full object-cover"
+              />
+            </div>
+          </div>
+          <div class="w-3/5 p-4 my-auto">
+            <div class="font-bold text-xl mb-2">Manesh Koppisetti</div>
+            <p class="text-gray-700 text-base">Branch: CSE</p>
+            <p class="text-gray-700 text-base">Hobby: Open Source</p>
+            <button
+              class="bg-orange-500 text-black hover:ring-2 hover:ring-orange-500 py-2 px-4 rounded-full mt-6"
+            >
+              <a href="#" target="_blank" class="font-medium">Portfolio</a>
+            </button>
+          </div>
+        </div>
+      </div>
 
+      <div
+        class="max-w-xs rounded overflow-hidden shadow-2xl my-8 transform hover:scale-105 transition-transform duration-300"
+      >
         <div class="flex w-full">
-
-              <div class="object-fill w-1/2 ">
-              <img  src="../assets/images/DSC_0036.JPG" alt="Image" class="h-56  object-cover">
+          <div class="w-1/2">
+            <div class="h-56 bg-gray-300">
+              <img
+                src="../assets/images/alok-profile.jpg"
+                alt="Image"
+                class="h-full w-full object-cover"
+              />
             </div>
-
-
-              <div class="w-3/5 p-4 my-auto">
-                <div class="font-bold text-xl mb-2 ">Manesh Koppisetti</div>
-                <p class="text-gray-700 text-base">Branch: CSE</p>
-                <p class="text-gray-700 text-base">Hobby: creating clones and contributing</p>
-                <button class="bg-orange-500 text-black hover:ring-2 hover:ring-orange-500 py-2 px-4 rounded-full mt-6"> <a href="#" target="_blank" class="font-medium"
-                  >Portfolio</a
-                ></button>
+          </div>
+
+          <div class="w-3/5 p-4 my-auto">
+            <div class="font-bold text-xl mb-2">Alok Gupta</div>
+            <p class="text-gray-700 text-base">Branch: CSE</p>
+            <p class="text-gray-700 text-base">Hobby: Coding, Photography</p>
+            <button
+              class="bg-orange-500 text-black hover:ring-2 hover:ring-orange-500 py-2 px-4 rounded-full mt-6"
+            >
+              <a href="#" target="_blank" class="font-medium">Portfolio</a>
+            </button>
+          </div>
+        </div>
+      </div>
+
+      <div
+        class="max-w-xs rounded overflow-hidden shadow-2xl my-8 transform hover:scale-105 transition-transform duration-300"
+      >
+        <div class="flex w-full">
+          <div class="w-1/2">
+            <div class="h-56 bg-gray-300">
+              <img
+                src="../assets/images/me_in_school.jpg"
+                alt="Image"
+                class="h-full w-full object-cover"
+              />
             </div>
           </div>
-      </div>    
-
+          <div class="w-3/5 p-4 my-auto">
+            <div class="font-bold text-xl mb-2">Arion Das</div>
+            <p class="text-gray-700 text-base">Branch: CSE</p>
+            <p class="text-gray-700 text-base">
+              Hobby: Detective Novels,Football
+            </p>
+            <button
+              class="bg-orange-500 text-black hover:ring-2 hover:ring-orange-500 py-2 px-4 rounded-full mt-6"
+            >
+              <a
+                href="https://www.linkedin.com/in/arion-das/"
+                target="_blank"
+                class="font-medium"
+                >Portfolio</a
+              >
+            </button>
+          </div>
+        </div>
+      </div>
 
-    <div class="max-w-xl rounded overflow-hidden shadow-2xl mx-auto  my-8 transform hover:scale-105 transition-transform duration-300 ">
+      <!-- prakhar code  -->
+      <div
+        class="max-w-xs rounded overflow-hidden shadow-2xl my-8 transform hover:scale-105 transition-transform duration-300"
+      >
+        <div class="flex w-full">
+          <div class="w-1/2">
+            <div class="h-56 bg-gray-300">
+              <img
+                src="../assets/images/pandey_ji_ungha.jpeg"
+                alt="Image"
+                class="h-full w-full object-cover"
+              />
+            </div>
+          </div>
+          <div class="w-3/5 p-4 my-auto">
+            <div class="font-bold text-xl mb-2">Prakhar Pandey</div>
+            <p class="text-gray-700 text-base">Branch: CSE</p>
+            <p class="text-gray-700 text-base">Hobby: Coding, Volleyball</p>
+            <button
+              class="bg-orange-500 text-black hover:ring-2 hover:ring-orange-500 py-2 px-4 rounded-full mt-6"
+            >
+              <a
+                href="https://www.linkedin.com/in/prakhar-pandey-623036255/"
+                target="_blank"
+                class="font-medium"
+                >Portfolio</a
+              >
+            </button>
+          </div>
+        </div>
+      </div>
 
-      <div class="flex w-full">
-
-          <div class="object-fill w-1/2 ">
-          <img  src="../assets/images/alok-profile.jpg" alt="Image" class="h-56  object-cover">
+      <div
+        class="max-w-xs rounded overflow-hidden shadow-2xl my-8 transform hover:scale-105 transition-transform duration-300"
+      >
+        <div class="flex w-full">
+          <div class="w-1/2">
+            <div class="h-56 bg-gray-300">
+              <img
+                src="../assets/images/Akshay.jpg"
+                alt="Image"
+                class="h-full w-full object-cover"
+              />
+            </div>
+          </div>
+          <div class="w-3/5 p-4 my-auto">
+            <div class="font-bold text-xl mb-2">Akshay Kumar Dubey</div>
+            <p class="text-gray-700 text-base">Branch: CSE</p>
+            <p class="text-gray-700 text-base">
+              Hobby: Football, Coding, Singing
+            </p>
+            <button
+              class="bg-orange-500 text-black hover:ring-2 hover:ring-orange-500 py-2 px-4 rounded-full mt-6"
+            >
+              <a
+                href="https://www.linkedin.com/in/akshay-dubey-ba54661b2/"
+                target="_blank"
+                class="font-medium"
+                >Portfolio</a
+              >
+            </button>
+          </div>
         </div>
+      </div>
+
+      <div
+        class="max-w-xs rounded overflow-hidden shadow-2xl my-8 transform hover:scale-105 transition-transform duration-300"
+      >
+        <div class="flex w-full">
+          <div class="w-1/2">
+            <div class="h-56 bg-gray-300">
+              <img
+                src="../assets/images/mohit.jpeg"
+                alt="Image"
+                class="h-full w-full object-cover"
+              />
+            </div>
+          </div>
           <div class="w-3/5 p-4 my-auto">
-            <div class="font-bold text-xl mb-2 ">Alok Gupta</div>
+            <div class="font-bold text-xl mb-2">Mohit Verma</div>
             <p class="text-gray-700 text-base">Branch: CSE</p>
-            <p class="text-gray-700 text-base">Hobby: Coding</p>
-            <button class="bg-orange-500 text-black hover:ring-2 hover:ring-orange-500 py-2 px-4 rounded-full mt-6"> <a href="#" target="_blank" class="font-medium"
-              >Portfolio</a
-            ></button>
+            <p class="text-gray-700 text-base">
+              Hobby: Geopolitics, coding, web development
+            </p>
+            <button
+              class="bg-orange-500 text-black hover:ring-2 hover:ring-orange-500 py-2 px-4 rounded-full mt-6"
+            >
+              <a
+                href="https://www.linkedin.com/in/mohit-verma-9a467525a/"
+                target="_blank"
+                class="font-medium"
+                >Portfolio</a
+              >
+            </button>
+          </div>
         </div>
       </div>
-
     </div>
-  </div>
-
   </body>
 </html>