Skip to content

Commit

Permalink
improve finished
Browse files Browse the repository at this point in the history
  • Loading branch information
@pehaa
pehaa committed Jul 6, 2020
1 parent 625f234 commit 0ac3a99
Show file tree
Hide file tree
Showing 4 changed files with 222 additions and 215 deletions.
27 changes: 9 additions & 18 deletions blog-single.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -50,13 +50,13 @@
<a
class="nav-link active dropdown-toggle"
href="category.html"
id="dropdown05"
id="dropdown"
data-toggle="dropdown"
aria-haspopup="true"
aria-expanded="false"
>Categories</a
>
<div class="dropdown-menu" aria-labelledby="dropdown05">
<div class="dropdown-menu" aria-labelledby="dropdown">
<a class="dropdown-item" href="category.html">Lifestyle</a>
<a class="dropdown-item" href="category.html">Food</a>
<a class="dropdown-item" href="category.html">Adventure</a>
Expand All @@ -72,13 +72,9 @@
</div>
</nav>

<!-- END header -->

<div class="container mb-4">
<!-- END section -->

<div class="row blog-entries">
<div class="col-md-12 col-lg-9 main-content mb-4">
<div class="row">
<main class="col-md-12 col-lg-9 mb-4">
<article class="p-5 shadow">
<img
src="images/img_7.jpg"
Expand All @@ -87,7 +83,9 @@
/>
<h1 class="h2 mb-0">How to Find the Video Games of Your Youth</h1>

<p class="text-muted">Last updated: March 15, 2020</p>
<p class="text-muted">
Last updated: <time datetime="2020-03-15">March 15, 2020</time>
</p>
<p class="lead">
Cum sociis natoque penatibus et magnis dis parturient montes,
nascetur ridiculus mus. Aenean lacinia bibendum nulla sed
Expand Down Expand Up @@ -134,9 +132,7 @@ <h1 class="h2 mb-0">How to Find the Video Games of Your Youth</h1>
turpis egestas integer.
</p>
</article>
</div>

<!-- END main-content -->
</main>

<div class="col-md-12 col-lg-3 sidebar">
<form action="#" class="search-form mb-4">
Expand All @@ -153,7 +149,6 @@ <h1 class="h2 mb-0">How to Find the Video Games of Your Youth</h1>
</div>
</form>

<!-- END sidebar-box -->
<div class="shadow p-3 text-center mb-4">
<img
src="images/person_1.jpg"
Expand Down Expand Up @@ -186,7 +181,7 @@ <h2 class="h5">David Craig</h2>
></a>
</p>
</div>
<!-- END sidebar-box -->

<div class="p-3 shadow mb-4">
<h2 class="h5">Popular Posts</h2>
<ul class="list-group list-group-flush">
Expand Down Expand Up @@ -240,7 +235,6 @@ <h3 class="h6">
</li>
</ul>
</div>
<!-- END sidebar-box -->

<div class="p-3 shadow mb-4">
<h2 class="h5">Categories</h2>
Expand Down Expand Up @@ -282,7 +276,6 @@ <h2 class="h5">Categories</h2>
</li>
</ul>
</div>
<!-- END sidebar-box -->

<div class="p-3 shadow">
<h3 class="h5">Tags</h3>
Expand Down Expand Up @@ -326,7 +319,6 @@ <h3 class="h5">Tags</h3>
</ul>
</div>
</div>
<!-- END sidebar -->
</div>
</div>

Expand All @@ -336,7 +328,6 @@ <h3 class="h5">Tags</h3>
<i class="fa fa-heart text-danger" aria-hidden="true"></i> for Alyra
</p>
</footer>
<!-- END footer -->

<script
src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js"
Expand Down
34 changes: 17 additions & 17 deletions category.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -50,13 +50,13 @@
<a
class="nav-link active dropdown-toggle"
href="category.html"
id="dropdown05"
id="dropdown"
data-toggle="dropdown"
aria-haspopup="true"
aria-expanded="false"
>Categories</a
>
<div class="dropdown-menu" aria-labelledby="dropdown05">
<div class="dropdown-menu" aria-labelledby="dropdown">
<a class="dropdown-item" href="category.html">Lifestyle</a>
<a class="dropdown-item" href="category.html">Food</a>
<a class="dropdown-item" href="category.html">Adventure</a>
Expand All @@ -78,9 +78,9 @@
<!-- END section -->

<h1 class="h2 mb-4">Category: Lifestyle</h1>
<div class="row blog-entries">
<div class="col-md-12 col-lg-9 main-content">
<div
<div class="row">
<main class="col-md-12 col-lg-9 main-content">
<article
class="row g-0 border rounded overflow-hidden flex-md-row mb-4 shadow-sm h-md-250 position-relative"
>
<a href="blog-single.html" class="col-md-4">
Expand All @@ -100,9 +100,9 @@ <h2 class="h5 mb-0">
</h2>
<div class="mt-auto text-muted">March 15, 2020</div>
</div>
</div>
</article>

<div
<article
class="row g-0 border rounded overflow-hidden flex-md-row mb-4 shadow-sm h-md-250 position-relative"
>
<a href="blog-single.html" class="col-md-4">
Expand All @@ -122,9 +122,9 @@ <h2 class="h5 mb-0">
</h2>
<div class="mt-auto text-muted">March 15, 2020</div>
</div>
</div>
</article>

<div
<article
class="row g-0 border rounded overflow-hidden flex-md-row mb-4 shadow-sm h-md-250 position-relative"
>
<a href="blog-single.html" class="col-md-4">
Expand All @@ -144,9 +144,9 @@ <h2 class="h5 mb-0">
</h2>
<div class="mt-auto text-muted">March 15, 2020</div>
</div>
</div>
</article>

<div
<article
class="row g-0 border rounded overflow-hidden flex-md-row mb-4 shadow-sm h-md-250 position-relative"
>
<a href="blog-single.html" class="col-md-4">
Expand All @@ -166,9 +166,9 @@ <h2 class="h5 mb-0">
</h2>
<div class="mt-auto text-muted">March 15, 2020</div>
</div>
</div>
</article>

<div
<article
class="row g-0 border rounded overflow-hidden flex-md-row mb-4 shadow-sm h-md-250 position-relative"
>
<a href="blog-single.html" class="col-md-4">
Expand All @@ -188,8 +188,8 @@ <h2 class="h5 mb-0">
</h2>
<div class="mt-auto text-muted">March 15, 2020</div>
</div>
</div>
<div
</article>
<article
class="row g-0 border rounded overflow-hidden flex-md-row mb-4 shadow-sm h-md-250 position-relative"
>
<a href="blog-single.html" class="col-md-4">
Expand All @@ -209,8 +209,8 @@ <h2 class="h5 mb-0">
</h2>
<div class="mt-auto text-muted">March 15, 2020</div>
</div>
</div>
</div>
</article>
</main>

<!-- END main-content -->

Expand Down
81 changes: 33 additions & 48 deletions contact.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -47,10 +47,16 @@
</li>

<li class="nav-item dropdown">
<a class="nav-link active dropdown-toggle" href="category.html"
<a
class="nav-link active dropdown-toggle"
href="category.html"
id="dropdown"
data-toggle="dropdown"
aria-haspopup="true"
aria-expanded="false"
>Categories</a
>
<div class="dropdown-menu" aria-labelledby="dropdown05">
<div class="dropdown-menu" aria-labelledby="dropdown">
<a class="dropdown-item" href="category.html">Lifestyle</a>
<a class="dropdown-item" href="category.html">Food</a>
<a class="dropdown-item" href="category.html">Adventure</a>
Expand All @@ -66,13 +72,9 @@
</div>
</nav>

<!-- END header -->

<div class="container mb-4">
<!-- END section -->

<div class="row blog-entries">
<div class="col-md-12 col-lg-9 main-content mb-4">
<div class="row">
<main class="col-md-12 col-lg-9 mb-4">
<article class="p-5 shadow">
<img
src="images/big_image_1.jpg"
Expand All @@ -89,46 +91,33 @@ <h1 class="h2 text-center">Contact Us</h1>
ut fermentum massa justo sit amet risus.
</p>
<form action="#" method="post">
<div class="row">
<div class="col-md-12 form-group mb-3">
<label for="name">Name*</label>
<input type="text" id="name" class="form-control" required />
</div>
<div class="col-md-12 form-group mb-3">
<label for="phone">Phone</label>
<input type="text" id="phone" class="form-control" required />
</div>
<div class="col-md-12 form-group mb-3">
<label for="email">Email*</label>
<input type="email" id="email" class="form-control" />
</div>
<div class="form-group mb-3">
<label for="name">Name*</label>
<input type="text" id="name" class="form-control" required />
</div>
<div class="row">
<div class="col-md-12 form-group mb-3">
<label for="message">Write Message</label>
<textarea
name="message"
id="message"
class="form-control"
cols="30"
rows="8"
></textarea>
</div>
<div class="form-group mb-3">
<label for="phone">Phone</label>
<input type="text" id="phone" class="form-control" required />
</div>
<div class="row">
<div class="col-md-6 form-group">
<input
type="submit"
value="Send Message"
class="btn btn-dark"
/>
</div>
<div class="form-group mb-3">
<label for="email">Email*</label>
<input type="email" id="email" class="form-control" />
</div>

<div class="form-group mb-3">
<label for="message">Write Message</label>
<textarea
name="message"
id="message"
class="form-control"
cols="30"
rows="8"
></textarea>
</div>
<button type="submit" class="btn btn-dark">Send Message</button>
</form>
</article>
</div>

<!-- END main-content -->
</main>

<div class="col-md-12 col-lg-3 sidebar">
<form action="#" class="search-form mb-4">
Expand All @@ -145,7 +134,6 @@ <h1 class="h2 text-center">Contact Us</h1>
</div>
</form>

<!-- END sidebar-box -->
<div class="shadow p-3 text-center mb-4">
<img
src="images/person_1.jpg"
Expand Down Expand Up @@ -178,7 +166,7 @@ <h2 class="h5">David Craig</h2>
></a>
</p>
</div>
<!-- END sidebar-box -->

<div class="p-3 shadow mb-4">
<h2 class="h5">Popular Posts</h2>
<ul class="list-group list-group-flush">
Expand Down Expand Up @@ -274,7 +262,6 @@ <h2 class="h5">Categories</h2>
</li>
</ul>
</div>
<!-- END sidebar-box -->

<div class="p-3 shadow">
<h3 class="h5">Tags</h3>
Expand Down Expand Up @@ -318,7 +305,6 @@ <h3 class="h5">Tags</h3>
</ul>
</div>
</div>
<!-- END sidebar -->
</div>
</div>

Expand All @@ -328,7 +314,6 @@ <h3 class="h5">Tags</h3>
<i class="fa fa-heart text-danger" aria-hidden="true"></i> for Alyra
</p>
</footer>
<!-- END footer -->

<script
src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js"
Expand Down
Loading

0 comments on commit 0ac3a99

Please sign in to comment.