Skip to content

Commit

Permalink
⚡ add comment section
Browse files Browse the repository at this point in the history
  • Loading branch information
@shahriarpshuvo
shahriarpshuvo committed Jun 10, 2021
2 parents e1c335d + 8fb062a commit 543ef0c
Showing 1 changed file with 87 additions and 85 deletions.
172 changes: 87 additions & 85 deletions single-project.html
View file
Original file line number Diff line number Diff line change
@@ -1,92 +1,92 @@
<!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" />

<!-- Favicon -->
<link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon" />
<!-- Icon - IconMonster -->
<link rel="stylesheet" href="https://cdn.iconmonstr.com/1.3.0/css/iconmonstr-iconic-font.min.css" />
<!-- Mumble UI -->
<link rel="stylesheet" href="uikit/styles/uikit.css" />
<!-- Dev Search UI -->
<link rel="stylesheet" href="styles/app.css" />
<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>DevSearch - Connect with Developers!</title>
</head>
<!-- Favicon -->
<link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon" />
<!-- Icon - IconMonster -->
<link rel="stylesheet" href="https://cdn.iconmonstr.com/1.3.0/css/iconmonstr-iconic-font.min.css" />
<!-- Mumble UI -->
<link rel="stylesheet" href="uikit/styles/uikit.css" />
<!-- Dev Search UI -->
<link rel="stylesheet" href="styles/app.css" />

<body>
<!-- Header Section -->
<header class="header">
<div class="container container--narrow">
<a href="/" class="header__logo">
<img src="images/logo.svg" alt="DevSearch Logo" />
</a>
<nav class="header__nav">
<input type="checkbox" id="responsive-menu" />
<label for="responsive-menu" class="toggle-menu">
<span>Menu</span>
<div class="toggle-menu__lines"></div>
</label>
<ul class="header__menu">
<li class="header__menuItem"><a href="projects.html">Projects</a></li>
<li class="header__menuItem"><a href="#">Inbox</a></li>
<li class="header__menuItem"><a href="#">My Account</a></li>
<li class="header__menuItem"><a href="login.html" class="btn btn--sub">Login/Sign Up</a></li>
</ul>
</nav>
</div>
</header>
<title>DevSearch - Connect with Developers!</title>
</head>

<!-- Main Section -->
<main class="singleProject my-md">
<div class="container">
<div class="layout">
<div class="column column--1of3">
<h3 class="singleProject__subtitle">Tools & Stacks</h3>
<div class="singleProject__toolStack">
<span class="tag tag--pill tag--sub tag--lg">
<small>Figma</small>
</span>
<span class="tag tag--pill tag--sub tag--lg">
<small>React Js</small>
</span>
<span class="tag tag--pill tag--sub tag--lg">
<small>REST API</small>
</span>
<span class="tag tag--pill tag--sub tag--lg">
<small>GraphQL</small>
</span>
<span class="tag tag--pill tag--sub tag--lg">
<small>TypeScript</small>
</span>
<span class="tag tag--pill tag--sub tag--lg">
<small>Webpack</small>
</span>
<span class="tag tag--pill tag--sub tag--lg">
<small>NextJS</small>
</span>
<span class="tag tag--pill tag--sub tag--lg">
<small>Postgres</small>
</span>
<span class="tag tag--pill tag--sub tag--lg">
<small>MongoDB</small>
</span>
</div>
<a class="singleProject__liveLink" href="#" target="_blank"
><i class="im im-external-link"></i>Live Preview
</a>
<body>
<!-- Header Section -->
<header class="header">
<div class="container container--narrow">
<a href="/" class="header__logo">
<img src="images/logo.svg" alt="DevSearch Logo" />
</a>
<nav class="header__nav">
<input type="checkbox" id="responsive-menu" />
<label for="responsive-menu" class="toggle-menu">
<span>Menu</span>
<div class="toggle-menu__lines"></div>
</label>
<ul class="header__menu">
<li class="header__menuItem"><a href="projects.html">Projects</a></li>
<li class="header__menuItem"><a href="#">Inbox</a></li>
<li class="header__menuItem"><a href="#">My Account</a></li>
<li class="header__menuItem"><a href="login.html" class="btn btn--sub">Login/Sign Up</a></li>
</ul>
</nav>
</div>
</header>

<!-- Main Section -->
<main class="singleProject my-md">
<div class="container">
<div class="layout">
<div class="column column--1of3">
<h3 class="singleProject__subtitle">Tools & Stacks</h3>
<div class="singleProject__toolStack">
<span class="tag tag--pill tag--sub tag--lg">
<small>Figma</small>
</span>
<span class="tag tag--pill tag--sub tag--lg">
<small>React Js</small>
</span>
<span class="tag tag--pill tag--sub tag--lg">
<small>REST API</small>
</span>
<span class="tag tag--pill tag--sub tag--lg">
<small>GraphQL</small>
</span>
<span class="tag tag--pill tag--sub tag--lg">
<small>TypeScript</small>
</span>
<span class="tag tag--pill tag--sub tag--lg">
<small>Webpack</small>
</span>
<span class="tag tag--pill tag--sub tag--lg">
<small>NextJS</small>
</span>
<span class="tag tag--pill tag--sub tag--lg">
<small>Postgres</small>
</span>
<span class="tag tag--pill tag--sub tag--lg">
<small>MongoDB</small>
</span>
</div>
<div class="column column--2of3">
<img class="singleProject__preview" src="images/project-c.png" alt="portfolio thumbnail" />
<a href="profile.html" class="singleProject__developer">Md. Shahriar Parvez</a>
<h2 class="singleProject__title">Portfolio Landing Page for a Coding Mentor</h2>
<h3 class="singleProject__subtitle">About Project</h3>
<div class="singleProject__info">
Lorem ipsum dolor sit amet consectetur adipisicing elit. Minima harum maxime debitis amet voluptates esse
a perferendis tempora, natus pariatur obcaecati odit quisquam fugit deserunt.
<a class="singleProject__liveLink" href="#" target="_blank"><i class="im im-external-link"></i>Source Code
</a>
</div>
<div class="column column--2of3">
<img class="singleProject__preview" src="images/project-c.png" alt="portfolio thumbnail" />
<a href="profile.html" class="singleProject__developer">Md. Shahriar Parvez</a>
<h2 class="singleProject__title">Portfolio Landing Page for a Coding Mentor</h2>
<h3 class="singleProject__subtitle">About the Project</h3>
<div class="singleProject__info">
Lorem ipsum dolor sit amet consectetur adipisicing elit. Minima harum maxime debitis amet voluptates esse
a perferendis tempora, natus pariatur obcaecati odit quisquam fugit deserunt.

<br />
<br />
Expand Down Expand Up @@ -147,6 +147,8 @@ <h3 class="singleProject__subtitle">Comments</h3>
</div>
</div>
</div>
</main>
</body>
</html>
</div>
</main>
</body>

</html>

0 comments on commit 543ef0c

Please sign in to comment.