diff --git a/project.html b/project.html new file mode 100644 index 0000000..62eb6c3 --- /dev/null +++ b/project.html @@ -0,0 +1,66 @@ + + + + + + Projects + + + + + + + + +

Dev Projects

+ + + +

+ +
+ +
+ +
+ + + +
+
User Image
+

Gyan Pratap Singh

+
+ + + +
+
+ Text_UTILS + Repo Url + Deploy Link +
+
+ Javascript + ReactJs + C++ + Nodejs + +
+ +
+
+ + + + + + \ No newline at end of file diff --git a/project.md b/project.md new file mode 100644 index 0000000..82ddbd7 --- /dev/null +++ b/project.md @@ -0,0 +1,63 @@ +# DevProfiles +A place to list and shocase your developer skills and profile + + +## Contribute +1. Give Star on the repo + +2. Follow Account + +3. Fork this Repository + +4. add following code to HTML `index.html` just before `` comment + +# 5.and keep in mind don't add in top and bottom your profile, add in between + +```
+
User Image
+

Gyan Pratap Singh

+
+ + + +
+
+ Your Project Title + + Repo Url + Deploy Link +
+
+ Skill-1 + Skill-2 + Skill-3 + Skill-4 + +
+
+ + + + +
+
``` + + +> Note: Do not add your profile and project in top. +3. Change/Replace the placeholders with your image and profiles urls + - [IMAGE-URL] with your image URL + - [YOUR_NAME] with your name + - [SKILL-1], [SKILL-2], [SKILL-3] with your skills + - [YOUR GITHUB URL], [YOUR X/TWITTER URL] & [YOUR LINKEDIN URL] with your Github, X/Twitter & LinkedIn profile URL repectively. + +4. Commit your changes. + +5. Create a Pull Request + +6. Wait for Merge + + + +## Thank You +Thank you to every contributor of this repository
+Show some love by giving a ⭐ to this repository! diff --git a/style.css b/style.css index 6953ffe..844fb1b 100644 --- a/style.css +++ b/style.css @@ -92,11 +92,43 @@ h1 { display: inline-block; } +.project { + display: flex; + justify-content: space-between; + padding: 5px 10px; + /* border-radius: 5px; */ + font-size: 35px; +} +.project a{ + color: #1a21f1; + margin: 0 10px; + font-size: 24px; + text-decoration: none; + transition: color 0.3s, font-size 0.3s; +} + +.project a:hover{ + color: #000000; + font-size: 28px; +} +.projectNam{ + margin: 13px; + display: flex; + align-items: baseline; + justify-content: space-between; + padding: 5px 10px; + border-radius: 5px; + margin: 0 5px 10px 0; + font-size: 16px; + + +} .social { margin-top: 13px; display: flex; flex-direction: row; justify-content: center; + } .social a {