diff --git a/CONTRIBUTING.md b/CONTRIBUTING.md
index a8a9a56..b6bf28f 100644
--- a/CONTRIBUTING.md
+++ b/CONTRIBUTING.md
@@ -28,7 +28,7 @@
</p>
<p class="description mb-2">
Project Description </p>
- <p>
+ <p class="project-links">
<a target="_blank" href="Your project Link" class="link primary-link">Live Demo
<a target="_blank" href="Your Github Repo of the project" class="link secondary-link">View
Source
diff --git a/project.css b/project.css
new file mode 100644
index 0000000..4a81744
--- /dev/null
+++ b/project.css
@@ -0,0 +1,60 @@
+.primary-link{
+ transition-duration: 0.2s;
+
+}
+
+.primary-link:hover{
+ box-shadow: 0 6px 8px 0 rgba(0,0,0,0.24);
+
+}
+
+.secondary-link{
+ transition-duration: 0.4s;
+}
+.secondary-link:hover{
+ background-color: var(--primary-color);
+ color: white;
+}
+
+.section{
+ margin:1rem 0rem;
+ background-color: #e0e0e0;
+ width: 40%;
+ display: inline-block;
+ margin-left: 6%;
+ border-radius: 20px;
+ height: fit-content;
+ transition-duration: 0.4s;
+ /* border-color: var(--primary-color); */
+ border: 3px solid var(--primary-color);
+}
+.section:hover{
+ box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);
+}
+.project-heading{
+ text-align: center;
+ transform: translateY(-10px);
+}
+.project-links{
+ width: fit-content;
+ margin: auto;
+}
+
+@media (max-width: 768px){
+ .section{
+ display: block;
+ width: auto;
+ margin: 15px;
+ padding: 20px;
+ padding-bottom: 25px;
+ }
+ .project-links a{
+ padding: 7.5px;
+ transform: translateX(-200%);
+ border-radius: 10px;
+ }
+ .project-heading{
+ transform: translateY(12%);
+ }
+
+}
\ No newline at end of file
diff --git a/project.html b/project.html
index 92b54ad..c0d9a6c 100644
--- a/project.html
+++ b/project.html
@@ -7,6 +7,7 @@
CoderSaty | Projects
@@ -39,7 +40,7 @@ Simon Game
A simple web app created mainly using jQuery to make a virtual Simon Game.
-
+
Live Demo
View
Source
@@ -58,7 +59,7 @@
Best Indian Cricket Team 11
A simple web app created mainly using React.js to tell the best Indian 11 when India has to play all the
matches at the same time.
-
+
Live Demo
View Source
@@ -78,7 +79,7 @@
Emoji Adder
A simple web app created mainly using Vanilla javascript to add meaningful emojis to your message to make it
more intresting for the reader to read it.
-
+
Live Demo
View
Source
@@ -100,7 +101,7 @@
Clock Pedia
online
chats. Enter any clock emoji in the search bar and hit the button to know what does it mean.
-
+
Live Demo
View Source
@@ -120,7 +121,7 @@
Talk to Minions
A simple web app developed using Vanilla JS to convert a message in english to gibberish language which is
used by minions.
-
+
Live Demo
View
Source
@@ -139,7 +140,7 @@
Conflict Resolver
A simple web app developed using Vanilla JS to act as a virtual toss for two person or team to decide on any
issue.
-
+
Live
Demo
View
@@ -158,7 +159,7 @@ JavaScript Quiz
A CLI app to test your knowledge of JavaScript. There are two levels. Play the game to see your JS skills.
-
+
Live Demo
View
@@ -179,7 +180,7 @@ Know Me
A simple CLI app I created to test my friend that how well they know me. Its a fun quiz. If you dont know me
play to find out some intresting things about me.
-
+
Live Demo
View
@@ -200,7 +201,7 @@ Hang Man React
Hang Man Game Build Using Modern React concepts like hooks, functional components, use state, use effect hooks.
-
+
Live Demo
View
@@ -220,12 +221,12 @@ Hulu Clone
Basic Design Clone of Hulu OTT Platform(Fully Static).
-
+
Live Demo
View
Source
- Created By ap-darknight
+ Created By
@@ -239,7 +240,7 @@ Image Gallery
image gallery to search an integrated random image from Pixabay API
-
+
Live Demo
View
@@ -260,7 +261,7 @@ Mini Audio Player
Play/Pause Audio and bookmark Audio points.
-
+
Live Demo
View
@@ -278,7 +279,7 @@ Weather Application
Get the weather forecast of your location.
-
+
Live Demo
View
Source