Skip to content

Commit

Permalink
fixes and screenshots
Browse files Browse the repository at this point in the history
  • Loading branch information
@pehaa
pehaa committed Jun 29, 2020
1 parent 7add813 commit 01e65f9
Show file tree
Hide file tree
Showing 14 changed files with 154 additions and 84 deletions.
17 changes: 7 additions & 10 deletions blog-single.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -37,7 +37,6 @@
}
</style>
<!-- Theme Style -->
<link rel="stylesheet" href="css/style1.css" />
</head>

<body>
Expand Down Expand Up @@ -66,10 +65,12 @@ <h1 class="site-logo">
</div>
</div>
</header>
<nav
class="navbar navbar-expand-md navbar-light bg-light sticky-top mb-4"
>
<div class="container">
<nav class="navbar navbar-expand-sm navbar-light bg-light sticky-top mb-4">
<div class="container">
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarMenu"
aria-controls="navbarMenu" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarMenu">
<ul class="navbar-nav mx-auto">
<li class="nav-item">
Expand All @@ -80,10 +81,6 @@ <h1 class="site-logo">
<a
class="nav-link"
href="category.html"
id="dropdown04"
data-toggle="dropdown"
aria-haspopup="true"
aria-expanded="false"
>Travel</a
>
</li>
Expand Down Expand Up @@ -120,7 +117,7 @@ <h1 class="site-logo">
<!-- END section -->

<div class="row blog-entries">
<div class="col-md-12 col-lg-9 main-content ">
<div class="col-md-12 col-lg-9 main-content mb-4">
<article class="p-5 shadow">
<img
src="images/img_7.jpg"
Expand Down
136 changes: 101 additions & 35 deletions category.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -39,8 +39,6 @@
font-weight: 300;
}
</style>
<!-- Theme Style -->
<link rel="stylesheet" href="css/style1.css" />
</head>

<body>
Expand Down Expand Up @@ -70,25 +68,28 @@ <h1 class="site-logo">
</div>
</header>
<nav
class="navbar navbar-expand-md navbar-light bg-light sticky-top mb-4"
class="navbar navbar-expand-sm navbar-light bg-light sticky-top mb-4"
>
<div class="container">
<button
class="navbar-toggler"
type="button"
data-toggle="collapse"
data-target="#navbarMenu"
aria-controls="navbarMenu"
aria-expanded="false"
aria-label="Toggle navigation"
>
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarMenu">
<ul class="navbar-nav mx-auto">
<li class="nav-item">
<a class="nav-link active" href="index.html">Home</a>
<a class="nav-link" href="index.html">Home</a>
</li>

<li class="nav-item">
<a
class="nav-link"
href="category.html"
id="dropdown04"
data-toggle="dropdown"
aria-haspopup="true"
aria-expanded="false"
>Travel</a
>
<a class="nav-link active" href="category.html">Travel</a>
</li>

<li class="nav-item dropdown">
Expand Down Expand Up @@ -136,60 +137,125 @@ <h1 class="h2 mb-4">Category: Lifestyle</h1>
/>
</a>
<div class="col-md p-3 p-lg-4 d-flex flex-column">
<h2 class="h5 mb-0">How to Find the Video Games of Your Youth</h3>
<h2 class="h5 mb-0">
<a
class="text-decoration-none text-reset"
href="blog-single.html"
>How to Find the Video Games of Your Youth</a
>
</h2>
<div class="mt-auto text-muted">March 15, 2020</div>
</div>
</div>

<div class="row g-0 border rounded overflow-hidden flex-md-row mb-4 shadow-sm h-md-250 position-relative">
<div
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">
<img src="images/img_2.jpg" class="img-fluid" alt="Image placeholder" />
<img
src="images/img_2.jpg"
class="img-fluid"
alt="Image placeholder"
/>
</a>
<div class="col-md p-3 p-lg-4 d-flex flex-column">
<h2 class="h5 mb-0">How to Find the Video Games of Your Youth</h3>
<div class="mt-auto text-muted">March 15, 2020</div>
<h2 class="h5 mb-0">
<a
class="text-decoration-none text-reset"
href="blog-single.html"
>How to Find the Video Games of Your Youth</a
>
</h2>
<div class="mt-auto text-muted">March 15, 2020</div>
</div>
</div>

<div class="row g-0 border rounded overflow-hidden flex-md-row mb-4 shadow-sm h-md-250 position-relative">
<div
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">
<img src="images/img_3.jpg" class="img-fluid" alt="Image placeholder" />
<img
src="images/img_3.jpg"
class="img-fluid"
alt="Image placeholder"
/>
</a>
<div class="col-md p-3 p-lg-4 d-flex flex-column">
<h2 class="h5 mb-0">How to Find the Video Games of Your Youth</h3>
<div class="mt-auto text-muted">March 15, 2020</div>
<h2 class="h5 mb-0">
<a
class="text-decoration-none text-reset"
href="blog-single.html"
>How to Find the Video Games of Your Youth</a
>
</h2>
<div class="mt-auto text-muted">March 15, 2020</div>
</div>
</div>

<div class="row g-0 border rounded overflow-hidden flex-md-row mb-4 shadow-sm h-md-250 position-relative">
<div
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">
<img src="images/img_4.jpg" class="img-fluid" alt="Image placeholder" />
<img
src="images/img_4.jpg"
class="img-fluid"
alt="Image placeholder"
/>
</a>
<div class="col-md p-3 p-lg-4 d-flex flex-column">
<h2 class="h5 mb-0">How to Find the Video Games of Your Youth</h3>
<div class="mt-auto text-muted">March 15, 2020</div>
<h2 class="h5 mb-0">
<a
class="text-decoration-none text-reset"
href="blog-single.html"
>How to Find the Video Games of Your Youth</a
>
</h2>
<div class="mt-auto text-muted">March 15, 2020</div>
</div>
</div>

<div class="row g-0 border rounded overflow-hidden flex-md-row mb-4 shadow-sm h-md-250 position-relative">
<div
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">
<img src="images/img_5.jpg" class="img-fluid" alt="Image placeholder" />
<img
src="images/img_5.jpg"
class="img-fluid"
alt="Image placeholder"
/>
</a>
<div class="col-md p-3 p-lg-4 d-flex flex-column">
<h2 class="h5 mb-0">How to Find the Video Games of Your Youth</h3>
<div class="mt-auto text-muted">March 15, 2020</div>
<h2 class="h5 mb-0">
<a
class="text-decoration-none text-reset"
href="blog-single.html"
>How to Find the Video Games of Your Youth</a
>
</h2>
<div class="mt-auto text-muted">March 15, 2020</div>
</div>
</div>
<div class="row g-0 border rounded overflow-hidden flex-md-row mb-4 shadow-sm h-md-250 position-relative">
<div
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">
<img src="images/img_8.jpg" class="img-fluid" alt="Image placeholder" />
<img
src="images/img_8.jpg"
class="img-fluid"
alt="Image placeholder"
/>
</a>
<div class="col-md p-3 p-lg-4 d-flex flex-column">
<h2 class="h5 mb-0">How to Find the Video Games of Your Youth</h3>
<div class="mt-auto text-muted">March 15, 2020</div>
<h2 class="h5 mb-0">
<a
class="text-decoration-none text-reset"
href="blog-single.html"
>How to Find the Video Games of Your Youth</a
>
</h2>
<div class="mt-auto text-muted">March 15, 2020</div>
</div>
</div>

</div>

<!-- END main-content -->
Expand Down
59 changes: 32 additions & 27 deletions contact.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,7 @@
<html lang="en">
<head>
<meta charset="utf-8" />
<title>Blog Template</title>
<title>Contact | Alyra Mag</title>
<meta name="viewport" content="width=device-width, initial-scale=1" />

<link
Expand Down Expand Up @@ -36,8 +36,6 @@
font-weight: 300;
}
</style>
<!-- Theme Style -->
<link rel="stylesheet" href="css/style1.css" />
</head>

<body>
Expand Down Expand Up @@ -67,35 +65,32 @@ <h1 class="site-logo">
</div>
</header>
<nav
class="navbar navbar-expand-md navbar-light bg-light sticky-top mb-4"
class="navbar navbar-expand-sm navbar-light bg-light sticky-top mb-4"
>
<div class="container">
<button
class="navbar-toggler"
type="button"
data-toggle="collapse"
data-target="#navbarMenu"
aria-controls="navbarMenu"
aria-expanded="false"
aria-label="Toggle navigation"
>
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarMenu">
<ul class="navbar-nav mx-auto">
<li class="nav-item">
<a class="nav-link active" href="index.html">Home</a>
<a class="nav-link" href="index.html">Home</a>
</li>

<li class="nav-item">
<a
class="nav-link"
href="category.html"
id="dropdown04"
data-toggle="dropdown"
aria-haspopup="true"
aria-expanded="false"
>Travel</a
>
<a class="nav-link" href="category.html">Travel</a>
</li>

<li class="nav-item dropdown">
<a
class="nav-link active dropdown-toggle"
href="category.html"
id="dropdown05"
data-toggle="dropdown"
aria-haspopup="true"
aria-expanded="false"
<a class="nav-link active dropdown-toggle" href="category.html"
>Categories</a
>
<div class="dropdown-menu" aria-labelledby="dropdown05">
Expand All @@ -107,7 +102,7 @@ <h1 class="site-logo">
</div>
</li>
<li class="nav-item">
<a class="nav-link" href="contact.html">Contact</a>
<a class="nav-link active" href="contact.html">Contact</a>
</li>
</ul>
</div>
Expand All @@ -120,7 +115,7 @@ <h1 class="site-logo">
<!-- END section -->

<div class="row blog-entries">
<div class="col-md-12 col-lg-9 main-content">
<div class="col-md-12 col-lg-9 main-content mb-4">
<article class="p-5 shadow">
<img
src="images/big_image_1.jpg"
Expand All @@ -139,15 +134,25 @@ <h1 class="h2 text-center">Contact Us</h1>
<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" />
<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" />
<input
type="text"
id="phone"
class="form-control"
required
/>
</div>
<div class="col-md-12 form-group mb-3">
<label for="email">Email</label>
<label for="email">Email*</label>
<input type="email" id="email" class="form-control" />
</div>
</div>
Expand Down
Loading

0 comments on commit 01e65f9

Please sign in to comment.