Skip to content

Commit

Permalink
Add files via upload
Browse files Browse the repository at this point in the history
  • Loading branch information
@Amir-ed98
Amir-ed98 authored Feb 8, 2025
1 parent 1cb56f4 commit 852d946
Show file tree
Hide file tree
Showing 76 changed files with 10,099 additions and 0 deletions.
449 changes: 449 additions & 0 deletions blog-single.html
View file

Large diffs are not rendered by default.

285 changes: 285 additions & 0 deletions blog.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,285 @@
<!DOCTYPE html>
<!--[if lt IE 9 ]><html class="no-js oldie" lang="en"> <![endif]-->
<!--[if IE 9 ]><html class="no-js oldie ie9" lang="en"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!-->
<html class="no-js" lang="en">
<!--<![endif]-->

<head>

<!--- basic page needs
================================================== -->
<meta charset="utf-8">
<title>Blog - Hola</title>
<meta name="description" content="">
<meta name="author" content="">

<!-- mobile specific metas
================================================== -->
<meta name="viewport" content="width=device-width, initial-scale=1">

<!-- CSS
================================================== -->
<link rel="stylesheet" href="css/base.css">
<link rel="stylesheet" href="css/vendor.css">
<link rel="stylesheet" href="css/main.css">

<!-- script
================================================== -->
<script src="js/modernizr.js"></script>
<script src="js/pace.min.js"></script>

<!-- favicons
================================================== -->
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
<link rel="icon" href="favicon.ico" type="image/x-icon">

</head>


<body id="top">

<!-- header
================================================== -->
<header class="s-header">

<div class="header-logo">
<a class="site-logo" href="index.html"><img src="images/logo.png" alt="Homepage"></a>
</div>

<nav class="header-nav-wrap">
<ul class="header-nav">
<li><a href="index.html#home" title="home">Home</a></li>
<li><a href="index.html#about" title="about">About</a></li>
<li><a href="index.html#works" title="works">Works</a></li>
<li class="current"><a href="blog.html" title="blog">Blog</a></li>
<li><a href="index.html#contact" title="contact">Contact</a></li>
</ul>
</nav>

<a class="header-menu-toggle" href="#0"><span>Menu</span></a>

</header> <!-- end s-header -->


<!-- page header
================================================== -->
<section class="page-header page-hero" style="background-image:url(images/blog/blog-bg-01.jpg)">

<div class="row page-header__content">
<article class="col-full">

<div class="page-header__info">
<div class="page-header__cat">
<a href="#0">Branding</a><a href="#0">Design</a>
</div>
<div class="page-header__date">
Sept 16, 2017
</div>
</div>

<h1 class="page-header__title">
<a href="#0" title="">
The 10 Golden Rules of Clean Simple Design.
</a>
</h1>
<p>Pellentesque in ipsum id orci porta dapibus amet dui. Ad id deserunt ratione autem eius et minima ut et. Nihil sed quis velit aut enim aliquam. Quas non ad sint eveniet voluptatem est iure...</p>
<p>
<a href="#0" class="btn btn--stroke page-header__btn">Read More</a>
</p>
</article>
</div>

</section> <!-- end page-header -->


<!-- blog
================================================== -->
<section class="blog-content-wrap">

<div class="row blog-content">
<div class="col-full">

<div class="blog-list block-1-2 block-tab-full">

<article class="col-block">

<div class="blog-date">
<a href="blog-single.html">Sept 15, 2017</a>
</div>

<h2 class="h01"><a href="blog-single.html">Photography Skills Can Improve Your Graphic Design.</a></h2>
<p>
Vestibulum ac diam sit amet quam vehicula elementum sed sit amet dui. Pellentesque in ipsum id orci porta dapibus. Donec sollicitudin molestie malesuada. Vivamus magna justo, lacinia eget consectetur sed, convallis at tellus. Cras ultricies ligula sed magna dictum porta. Sed porttitor lectus nibh..
</p>

<div class="blog-cat">
<a href="blog.html">Photography</a>
</div>

</article>

<article class="col-block">

<div class="blog-date">
<a href="blog-single.html">Sept 14, 2017</a>
</div>

<h2 class="h01"><a href="blog-single.html">Workspace Design Trends and Ideas.</a></h2>
<p>
Vestibulum ac diam sit amet quam vehicula elementum sed sit amet dui. Pellentesque in ipsum id orci porta dapibus. Donec sollicitudin molestie malesuada. Vivamus magna justo, lacinia eget consectetur sed, convallis at tellus. Cras ultricies ligula sed magna dictum porta. Sed porttitor lectus nibh dolore irure esse Duis nulla sint.
</p>

<div class="blog-cat">
<a href="blog.html">Branding</a><a href="blog.html">Wordpress</a>
</div>
</article>

<article class="col-block">

<div class="blog-date">
<a href="blog-single.html">Sept 12, 2017</a>
</div>
<h2 class="h01"><a href="blog-single.html">You Can See Patterns Everywhere.</a></h2>
<p>
Vestibulum ac diam sit amet quam vehicula elementum sed sit amet dui. Pellentesque in ipsum id orci porta dapibus. Donec sollicitudin molestie malesuada. Vivamus magna justo, lacinia eget consectetur sed, convallis at tellus. Cras ultricies ligula sed magna dictum porta. Sed porttitor lectus nibh.
</p>

<div class="blog-cat">
<a href="blog.html">Design</a><a href="blog.html">UI</a>
</div>
</article>

<article class="col-block">

<div class="blog-date">
<a href="blog-single.html">Sept 12, 2017</a>
</div>
<h2 class="h01"><a href="blog-single.html">Designing With Black and White.</a></h2>
<p>
Vestibulum ac diam sit amet quam vehicula elementum sed sit amet dui. Pellentesque in ipsum id orci porta dapibus. Donec sollicitudin molestie malesuada. Vivamus magna justo, lacinia eget consectetur sed, convallis at tellus. Cras ultricies ligula sed magna dictum porta. Sed porttitor lectus nibh.
</p>

<div class="blog-cat">
<a href="blog.html">Design</a>
</div>
</article>

<article class="col-block">
<div class="blog-date">
<a href="blog-single.html">Sept 10, 2017</a>
</div>
<h2 class="h01"><a href="blog-single.html">Get Started With Web Typography .</a></h2>
<p>
Vestibulum ac diam sit amet quam vehicula elementum sed sit amet dui. Pellentesque in ipsum id orci porta dapibus. Donec sollicitudin molestie malesuada. Vivamus magna justo, lacinia eget consectetur sed, convallis at tellus. Cras ultricies ligula sed magna dictum porta. Sed porttitor lectus nibh.
</p>

<div class="blog-cat">
<a href="blog.html">Typography</a>
</div>
</article>

<article class="col-block">

<div class="blog-date">
<a href="blog-single.html">Sept 08, 2017</a>
</div>
<h2 class="h01"><a href="blog-single.html">Improving Design Layout With Vertical Rhythm.</a></h2>
<p>
Vestibulum ac diam sit amet quam vehicula elementum sed sit amet dui. Pellentesque in ipsum id orci porta dapibus. Donec sollicitudin molestie malesuada. Vivamus magna justo, lacinia eget consectetur sed, convallis at tellus. Cras ultricies ligula sed magna dictum porta. Sed porttitor lectus nibh.
</p>

<div class="blog-cat">
<a href="blog.html">Design</a><a href="#0">Web Design</a>
</div>
</article>

</div> <!-- end blog-list -->

</div> <!-- end col-full -->
</div> <!-- end blog-content -->

<div class="row blog-entries-nav">
<div class="col-full">
<a href="#0" class="btn btn--stroke">
<i class="im im-arrow-left"></i>
Prev
</a>
<a href="#0" class="btn btn--stroke">
Next
<i class="im im-arrow-right"></i>
</a>
</div>
</div>

</section> <!-- end blog-content-wrap -->


<!-- footer
================================================== -->
<footer>
<div class="row">
<div class="col-full">

<div class="footer-logo">
<a class="footer-site-logo" href="#0"><img src="images/logo.png" alt="Homepage"></a>
</div>

<ul class="footer-social">
<li><a href="#0">
<i class="im im-facebook" aria-hidden="true"></i>
<span>Facebook</span>
</a></li>
<li><a href="#0">
<i class="im im-twitter" aria-hidden="true"></i>
<span>Twitter</span>
</a></li>
<li><a href="#0">
<i class="im im-instagram" aria-hidden="true"></i>
<span>Instagram</span>
</a></li>
<li><a href="#0">
<i class="im im-behance" aria-hidden="true"></i>
<span>Behance</span>
</a></li>
<li><a href="#0">
<i class="im im-pinterest" aria-hidden="true"></i>
<span>Pinterest</span>
</a></li>
</ul>

</div>
</div>

<div class="row footer-bottom">

<div class="col-twelve">
<div class="copyright">
<span>© Copyright Hola 2017</span>
<span>Design by <a href="https://www.styleshout.com/">styleshout</a></span>
</div>

<div class="go-top">
<a class="smoothscroll" title="Back to Top" href="#top"><i class="im im-arrow-up" aria-hidden="true"></i></a>
</div>
</div>

</div> <!-- end footer-bottom -->

</footer> <!-- end footer -->


<div id="preloader">
<div id="loader"></div>
</div>


<!-- Java Script
================================================== -->
<script src="js/jquery-3.2.1.min.js"></script>
<script src="js/plugins.js"></script>
<script src="js/main.js"></script>

</body>

</html>
Loading

0 comments on commit 852d946

Please sign in to comment.