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

Created Issues page #50

Open
wants to merge 1 commit into
base: master
Choose a base branch
from
+613 −0
Open

Created Issues page #50

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 modified images/contact.jpg
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.
Binary file added issues/images/contact.jpg
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.
Binary file added issues/images/logo.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.
Binary file added issues/images/user-female.jpg
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.
Binary file added issues/images/user-male.jpg
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.
244 changes: 244 additions & 0 deletions issues/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,244 @@
<!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">
<meta name="description" content="Issues">
<title>Issues</title>
<link rel="stylesheet" href="./styles.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css"
integrity="sha512-1ycn6IcaQQ40/MKBW2W4Rhis/DbILU74C1vSrLJxCq57o941Ym01SwNsOMqvEBFlcgUa6xLiPY/NS5R+E6ztJQ=="
crossorigin="anonymous" referrerpolicy="no-referrer" />
</head>
<body>

<!-- Header -->
<header>
<div class="container">
<img src="./images/logo.png" alt="" class="logo">
<nav>
<ul class="menu">
<li>
<a href="#" class="active">Home</a>
</li>
<li>
<a href="#">AboutUs</a>
</li>
<li>
<a href="#" class="btn-auth">Login/SignUp</a>
</li>
</ul>
</nav>
</div>
</header>

<!-- Hero -->
<section class="hero">
<div class="container">
<div class="content">
<h1 class="title">Issues</h1>
<a href="#" class="btn-add">Add issue</a>
</div>
</div>
</section>

<!-- Issues -->
<section class="issues">
<div class="container">
<div class="issues-main">
<h1 class="issue-heading">Issue Name</h1>

<!-- Single Issue -->
<div class="issue">
<h3 class="issue-title">Statement:</h3>
<p class="issue-description">Lorem ipsum dolor sit amet consectetur adipisicing elit.
Maxime ducimus expedita dolore, commodi illo beatae eos recusandae sapiente quibusdam,
explicabo nesciunt? Optio consectetur expedita blanditiis repellat,
beatae numquam adipisci iste.</p>
</div>
<div class="discussions">
<div class="discussion-heading">
<h1 class="discussion-title">Discussions</h1>
<i class="fas fa-edit"></i>
</div>

<!-- Discussion -->
<div class="discussion">
<div class="container">
<div class="discussion-img">
<img src="./images/user-male.jpg" alt="" />
</div>
<div class="discussion-content">
<p class="discussion-description">
Lorem ipsum dolor sit amet consectetur adipisicing elit.
Excepturi itaque molestias magnam ipsa repudiandae, praesentium consequatur impedit,
earum</p>
<div class="discussion-side">
<a href="">Reply</a>
<div class="discussion-cta">
<div class="discussion-upvote">
<span>18</span><i class="fas fa-thumbs-up"></i>
</div>
<div class="discussion-downvote">
<i class="fas fa-thumbs-down"></i><span>1</span>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- End Discussion -->


<!-- Discussion -->
<div class="discussion">
<div class="container">
<div class="discussion-img">
<img src="./images/user-male.jpg" alt="" />
</div>
<div class="discussion-content">
<p class="discussion-description">
Lorem ipsum dolor sit amet consectetur adipisicing elit.
Excepturi itaque molestias magnam ipsa repudiandae, praesentium consequatur impedit,
earum </p>
<div class="discussion-side">
<a href="">Reply</a>
<div class="discussion-cta">
<div class="discussion-upvote">
<span>18</span><i class="fas fa-thumbs-up"></i>
</div>
<div class="discussion-downvote">
<i class="fas fa-thumbs-down"></i><span>1</span>
</div>
</div>
</div>
</div>
</div>
<!-- End Discussion -->

<!-- Comment -->
<div class="discussion-container">
<div class="discussion-img">
<img src="./images/user-female.jpg" alt="" />
</div>
<div class="discussion-content">
<p class="discussion-description">
Lorem ipsum dolor sit amet consectetur adipisicing elit.
Excepturi itaque molestias magnam ipsa repudiandae Lorem ipsum dolor sit
amet consectetur adipisicing elit.
</p>
<div class="discussion-side">
<a href="">Reply</a>
<div class="discussion-cta">
<div class="discussion-upvote">
<span>18</span><i class="fas fa-thumbs-up"></i>
</div>
<div class="discussion-downvote">
<i class="fas fa-thumbs-down"></i><span>1</span>
</div>
</div>
</div>
</div>
</div>
<!-- End Comment -->

</div>
<!-- End Discussion -->
</div>
</div>

<!-- Issue SidebR -->
<div class="issues-side">
<!-- Single Issue -->
<div class="issue">
<div class="issue-img">
<img src="./images/contact.jpg" alt="" />
</div>
<div class="discussion-cta">
<div class="discussion-upvote">
<span>18</span><i class="fas fa-thumbs-up"></i>
</div>
<div class="discussion-downvote">
<i class="fas fa-thumbs-down"></i><span>1</span>
</div>
</div>
<a href="#">View Details</a>
</div>
<!-- End Single issue -->

<!-- Single Issue -->
<div class="issue">
<div class="issue-img">
<img src="./images/contact.jpg" alt="" />
</div>
<div class="discussion-cta">
<div class="discussion-upvote">
<span>18</span><i class="fas fa-thumbs-up"></i>
</div>
<div class="discussion-downvote">
<i class="fas fa-thumbs-down"></i><span>1</span>
</div>
</div>
<a href="#">View Details</a>
</div>
<!-- End Single issue -->

<!-- Single Issue -->
<div class="issue">
<div class="issue-img">
<img src="./images/contact.jpg" alt="" />
</div>
<div class="discussion-cta">
<div class="discussion-upvote">
<span>18</span><i class="fas fa-thumbs-up"></i>
</div>
<div class="discussion-downvote">
<i class="fas fa-thumbs-down"></i><span>1</span>
</div>
</div>
<a href="#">View Details</a>
</div>
<!-- End Single issue -->

<!-- Single Issue -->
<div class="issue">
<div class="issue-img">
<img src="./images/contact.jpg" alt="" />
</div>
<div class="discussion-cta">
<div class="discussion-upvote">
<span>18</span><i class="fas fa-thumbs-up"></i>
</div>
<div class="discussion-downvote">
<i class="fas fa-thumbs-down"></i><span>1</span>
</div>
</div>
<a href="#">View Details</a>
</div>
<!-- End Single issue -->

<!-- Single Issue -->
<div class="issue">
<div class="issue-img">
<img src="./images/contact.jpg" alt="" />
</div>
<div class="discussion-cta">
<div class="discussion-upvote">
<span>18</span><i class="fas fa-thumbs-up"></i>
</div>
<div class="discussion-downvote">
<i class="fas fa-thumbs-down"></i><span>1</span>
</div>
</div>
<a href="#">View Details</a>
</div>
<!-- End Single issue -->
</div>

</div>
</section>
<!-- End Issues -->

</body>
</html>
Loading