Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

project added by Snach13 #1

Merged
merged 1 commit into from
Feb 9, 2023
Merged

project added by Snach13 #1

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Binary file added images/AndroidNoteApplication.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
207 changes: 139 additions & 68 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,92 +1,163 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>ProjectsHut 👩‍💻 - Lots of Projects list</title>
<link rel="stylesheet" href="/src/style.css">
<link rel="stylesheet" href="/src/responsive.css">
<link rel="shortcut icon" href="images/favicon.png" type="image/x-icon">
</head>
<body>
<link rel="stylesheet" href="/src/style.css" />
<link rel="stylesheet" href="/src/responsive.css" />
<link rel="shortcut icon" href="images/favicon.png" type="image/x-icon" />
</head>
<body>
<!-- 😁 Header -->
<header>
<nav class="nav-bar">
<h3>🥑 ProjectsHut</h3>
<ul class="nav-links">
<li><a href="https://github.com/priyankarpal/ProjectsHut/blob/main/contribution.md"
target="_blank">Docs</a></li>
<li><a href="https://github.com/priyankarpal/ProjectsHut" target="_blank"><i
class="fa-brands fa-github"></i></a></li>
</ul>
</nav>
<nav class="nav-bar">
<h3>🥑 ProjectsHut</h3>
<ul class="nav-links">
<li>
<a
href="https://github.com/priyankarpal/ProjectsHut/blob/main/contribution.md"
target="_blank"
>Docs</a
>
</li>
<li>
<a
href="https://github.com/priyankarpal/ProjectsHut"
target="_blank"
><i class="fa-brands fa-github"></i
></a>
</li>
</ul>
</nav>
</header>
<!-- 🙂 Hero -->
<section class="main">
<div class="hero-section">
<div class="banner">
<h1>Contribute. <span class="lrn">Learn.</span> Share.</h1>
</div>

</div>
<div class="buttons">
<a href="#cards" class="btn">Browse Projects</a>
<a href="https://github.com/priyankarpal/ProjectsHut/blob/main/contribution.md" target="_blank"
class="btn2">Add Your Projects</a>

</div>
<div class="title">
<h2>List of cool 🔥 Projects</h2>
<div class="hero-section">
<div class="banner">
<h1>Contribute. <span class="lrn">Learn.</span> Share.</h1>
</div>

</div>
<div class="buttons">
<a href="#cards" class="btn">Browse Projects</a>
<a
href="https://github.com/priyankarpal/ProjectsHut/blob/main/contribution.md"
target="_blank"
class="btn2"
>Add Your Projects</a
>
</div>
<div class="title">
<h2>List of cool 🔥 Projects</h2>
</div>
</section>
<!-- Projects section -->
<section id="cards">
<!-- DO NOT DELETE THESE LINES -->
<!-- project 1
<!-- DO NOT DELETE THESE LINES -->
<!-- project 1
by Priyankar Pal-->
<div class="prjs">
<img src="/images/theatheme.png" class="prj-img" loading="lazy" alt="Thea Theme">
<div class="prj-content">
<h3>Thea Theme </h3>
<h4>Tech Stacks: <span class="tech-stacks-col">JSON, Theme Generator</span> </h4>
<p>Thea theme is a visually stunning color theme for the popular code editor, Visual Studio Code.</p>
<a href="https://github.com/priyankarpal/TheaTheme" class="prj-btn">View Project</a>
</div>
<div class="prjs">
<img
src="/images/theatheme.png"
class="prj-img"
loading="lazy"
alt="Thea Theme"
/>
<div class="prj-content">
<h3>Thea Theme</h3>
<h4>
Tech Stacks:
<span class="tech-stacks-col">JSON, Theme Generator</span>
</h4>
<p>
Thea theme is a visually stunning color theme for the popular code
editor, Visual Studio Code.
</p>
<a href="https://github.com/priyankarpal/TheaTheme" class="prj-btn"
>View Project</a
>
</div>
<!-- Projects 2 -->
<div class="prjs">
<img src="/images/quotesbuilder.png" loading="lazy" class="prj-img" alt="Quotes Builder">
<div class="prj-content">
<h3>Quotes Builder</h3>
<h4>Tech Stacks: <span class="tech-stacks-col">HTML5,CSS3,JS</span> </h4>
<p>It's a simplpe motivational quotes builder web app</p>
<a href="https://github.com/priyankarpal/quotesbuilder" class="prj-btn">View Project</a>
</div>
</div>
<!-- Projects 2 -->
<div class="prjs">
<img
src="/images/quotesbuilder.png"
loading="lazy"
class="prj-img"
alt="Quotes Builder"
/>
<div class="prj-content">
<h3>Quotes Builder</h3>
<h4>
Tech Stacks: <span class="tech-stacks-col">HTML5,CSS3,JS</span>
</h4>
<p>It's a simplpe motivational quotes builder web app</p>
<a
href="https://github.com/priyankarpal/quotesbuilder"
class="prj-btn"
>View Project</a
>
</div>
<!-- Projects 3 -->
<div class="prjs">
<img src="/images/jokehub.png" loading="lazy" class="prj-img" alt="Project 1">
<div class="prj-content">
<h3>JokeHub</h3>
<h4>Tech Stacks: <span class="tech-stacks-col">HTML5,CSS3,JS</span> </h4>
<p>It's a simple random jokes generator website</p>
<a href="https://github.com/priyankarpal/JokeHub" class="prj-btn">View Project</a>
</div>
</div>
<!-- Projects 3 -->
<div class="prjs">
<img
src="/images/jokehub.png"
loading="lazy"
class="prj-img"
alt="Project 1"
/>
<div class="prj-content">
<h3>JokeHub</h3>
<h4>
Tech Stacks: <span class="tech-stacks-col">HTML5,CSS3,JS</span>
</h4>
<p>It's a simple random jokes generator website</p>
<a href="https://github.com/priyankarpal/JokeHub" class="prj-btn"
>View Project</a
>
</div>
<!-- DO NOT DELETE THESE LINES -->

<!-- Add your Projects here -->

</div>
<!-- DO NOT DELETE THESE LINES -->

<!-- Project 4 - Clean Architecture Note Application -->
<div class="prjs">
<img
src="/images/AndroidNoteApplication.png"
class="prj-img"
loading="lazy"
alt="Note Application"
/>
<div class="prj-content">
<h3>Note Application</h3>
<h4>
Tech Stacks:
<span class="tech-stacks-col"
>Kotlin, Jetpack Compose, Clean Architecture based.</span
>
</h4>
<p>
Here is the android clean architecture based Note taking application
take a look off it !!
</p>
<a
href="https://github.com/Snach13/CleanArchitectureNoteApplication"
class="prj-btn"
>View Project</a
>
</div>
</div>
</section>

<footer>
<p class="ftr-credit">Made with ❤️ in India</p>
<p class="ftr-credit">Made with ❤️ in India</p>
</footer>

<script src="/src/index.js"></script>
<script src="https://kit.fontawesome.com/9228e186f4.js" crossorigin="anonymous"></script>
</body>
<script
src="https://kit.fontawesome.com/9228e186f4.js"
crossorigin="anonymous"
></script>
</body>
</html>