senaduka/old-saburly-blog
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Newest

Browse Source
This commit is contained in:
Edin Dazdarevic
2017-11-06 01:22:24 +01:00
parent 5a7604ac95
commit 3a78507cf5
6 changed files with 112 additions and 163 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
footer.php
View File

@@ -50,7 +50,10 @@ function openBlog(evt, blogName) {
}
// Get the element with id="defaultOpen" and click on it
document.getElementById("defaultOpen").click();
var defaultOpen = document.getElementById("defaultOpen");
if (defaultOpen) {
document.getElementById("defaultOpen").click();
}
</script>

10
functions.php Normal file
View File

@@ -0,0 +1,10 @@
<?php
if ( function_exists( 'add_theme_support' ) ) {
add_theme_support( 'post-thumbnails' );
// set_post_thumbnail_size( 150, 150, true ); // default Post Thumbnail dimensions (cropped)
// // additional image sizes
// // delete the next line if you do not need additional image sizes
// add_image_size( 'category-thumb', 300, 9999 ); //300 pixels wide (and unlimited height)
}
?>

2
header.php
View File

@@ -40,7 +40,7 @@
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<div class="align-navbar">
<ul class="nav navbar-nav navbar-right" >
<li class="test"><a href="#second" class="nav-link">ABOUT</a></li>
<li class="test"><a href="http://www.saburly.com" class="nav-link">ABOUT</a></li>
<li class="test"><a href="#work" class="nav-link">WORK</a></li>
<li class="test"><a href="#team" class="nav-link">TEAM</a></li>
<li class="test"><a href="#blog" class="nav-link">BLOG</a></li>

145
index.php
View File

@@ -7,100 +7,87 @@
<div class="col-md-12 blog-intro">
<h2 class="med-title text-center">Welcome</h2>
<p class="tag-line text-center space20">Happy to have you on our blog page where we want to share our knowledge and jokes.
<br class="hidden-xs hidden-sm">Enjoy!<br class="hidden-xs hidden-sm"></p>
<br class="hidden-xs hidden-sm">Enjoy!<br class="hidden-xs hidden-sm"></p>
</div>
</div>
</div>
</div>
<!-- End welcome -->
<!-- End welcome -->
<!-- Start tabs -->
<div class="space20">
<!-- Start tabs -->
<div class="space20">
<div class="tab container">
<div class="tab container">
<button class="tablinks" onclick="openBlog(event, 'Learn')" id="defaultOpen">Learn</button>
<button class="tablinks" onclick="openBlog(event, 'Fun')">Fun</button>
</div>
<div id="Learn" class="tabcontent">
<section class="tabcontainer" id="team">
<div class="container">
<div class="row space40">
<a href="<?php get_permalink(1); ?>">
<div class="col-md-6 col-sm-6 text-center">
<img src="<?php bloginfo( 'template_directory' ); ?>/img/blog-img-1.png" class="img-responsive center-block hidden-xs" alt="team1">
<img src="<?php bloginfo( 'template_directory' ); ?>/img/blog-img-1.png" class="img-responsive center-block visible-xs" alt="team1">
<h4 class="heading-tag">Some text or title</h4>
<p class="hint text-center">17 December</p>
<p class="hint text-center">Senad Uka</p>
</div>
</a>
<section class="tabcontainer" id="team">
<div class="container">
<a href="<?php get_permalink(1); ?>">
<div class="col-md-6 col-sm-6 text-center">
<img src="<?php bloginfo( 'template_directory' ); ?>/img/blog-img-2.png" class="img-responsive center-block hidden-xs" alt="team2">
<img src="<?php bloginfo( 'template_directory' ); ?>/img/blog-img-2.png" class="img-responsive center-block visible-xs" alt="team1">
<h4 class="heading-tag">Some text or title</h4>
<p class="hint text-center">17 December</p>
<p class="hint text-center">Edin Dazdarevic</p>
</div>
</div>
</a>
<div class="row space40">
<a href="<?php get_permalink(1); ?>">
<div class="col-md-6 col-sm-6 text-center">
<img src="<?php bloginfo( 'template_directory' ); ?>/img/blog-img-3.png" class="img-responsive center-block hidden-xs" alt="team3">
<img src="<?php bloginfo( 'template_directory' ); ?>/img/blog-img-3.png" class="img-responsive center-block visible-xs" alt="team1">
<h4 class="heading-tag">Some text or title</h4>
<p class="hint text-center">17 December</p>
<p class="hint text-center">Senad Uka</p>
</div>
</a>
<a href="Blog.html">
<div class="col-md-6 col-sm-6 text-center">
<img src="<?php bloginfo( 'template_directory' ); ?>/img/blog-img-4.png" class="img-responsive center-block hidden-xs" alt="team3">
<img src="<?php bloginfo( 'template_directory' ); ?>/img/blog-img-4.png" class="img-responsive center-block visible-xs" alt="team1">
<h4 class="heading-tag">Some text or title</h4>
<p class="hint text-center">17 December</p>
<p class="hint text-center">Edin Dazdarevic</p>
</div>
</a>
</div>
</div>
</section>
</div>
<?php $count = 0; //set up counter variable ?>
<div id="Fun" class="tabcontent">
<section class="tabcontainer" id="team">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="row space40">
<a href="Blog.html">
<div class="col-md-6 col-sm-6 text-center">
<img src="<?php bloginfo( 'template_directory' ); ?>/img/blog-img-3.png" class="img-responsive center-block hidden-xs" alt="team1">
<img src="<?php bloginfo( 'template_directory' ); ?>/img/blog-img-3.png" class="img-responsive center-block visible-xs" alt="team1">
<h4 class="heading-tag">Some text or title</h4>
<p class="hint text-center">17 December</p>
<p class="hint text-center">Senad Uka</p>
</div>
</a>
<a href="Blog.html">
<div class="col-md-6 col-sm-6 text-center">
<img src="<?php bloginfo( 'template_directory' ); ?>/img/blog-img-4.png" class="img-responsive center-block hidden-xs" alt="team2">
<img src="<?php bloginfo( 'template_directory' ); ?>/img/blog-img-4.png" class="img-responsive center-block visible-xs" alt="team1">
<h4 class="heading-tag">Some text or title</h4>
<p class="hint text-center">17 December</p>
<p class="hint text-center">Edin Dazdarevic</p>
</div>
</a>
</div>
</div>
</div>
<?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>
<?php if ($count % 2 == 0): ?>
<div class="row space40">
<?php endif; ?>
<div class="col-md-6 col-sm-6 text-center">
<a href="<?php echo get_permalink(); ?>">
<img src="<?php the_post_thumbnail_url(); ?>" class="img-responsive center-block hidden-xs" alt="team1">
<img src="<?php the_post_thumbnail_url(); ?>" class="img-responsive center-block visible-xs" alt="team1">
<h4 class="heading-tag"><?php the_title(); ?></h4>
<p class="hint text-center"><?php the_date(); ?></p>
<p class="hint text-center"><?php the_author(); ?></p>
</a>
</div>
</section>
<?php if ($count % 2 != 0): ?>
</div>
<?php endif; ?>
<?php $count++; ?>
<?php endwhile; else: ?>
<?php _e( 'Sorry, no posts matched your criteria.', 'textdomain' ); ?>
<?php endif; ?>
</div>
</section>
</div>
<div id="Fun" class="tabcontent">
<section class="tabcontainer" id="team">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="row space40">
<a href="Blog.html">
<div class="col-md-6 col-sm-6 text-center">
<img src="<?php bloginfo( 'template_directory' ); ?>/img/blog-img-3.png" class="img-responsive center-block hidden-xs" alt="team1">
<img src="<?php bloginfo( 'template_directory' ); ?>/img/blog-img-3.png" class="img-responsive center-block visible-xs" alt="team1">
<h4 class="heading-tag">Some text or title</h4>
<p class="hint text-center">17 December</p>
<p class="hint text-center">Senad Uka</p>
</div>
</a>
<a href="Blog.html">
<div class="col-md-6 col-sm-6 text-center">
<img src="<?php bloginfo( 'template_directory' ); ?>/img/blog-img-4.png" class="img-responsive center-block hidden-xs" alt="team2">
<img src="<?php bloginfo( 'template_directory' ); ?>/img/blog-img-4.png" class="img-responsive center-block visible-xs" alt="team1">
<h4 class="heading-tag">Some text or title</h4>
<p class="hint text-center">17 December</p>
<p class="hint text-center">Edin Dazdarevic</p>
</div>
</a>
</div>
</div>
</div>
</div>
</section>
</div>
</div>
</section>
<!-- End tabs -->

83
single.php
View File

@@ -1,6 +1,5 @@
<?php get_header(); ?>
<?php if( have_posts() ) the_post(); ?>
<!-- Start blog image -->
<section>
@@ -19,91 +18,43 @@
<div class="blog-container ">
<div class="row">
<div class="blog-intro space20">
<h2 class="med-title text-center">Some cool title</h2>
<h2 class="med-title text-center"><?php the_title(); ?></h2>
</div>
</div>
<div class="flex-center space20">
<p class="details2 text-center" style="padding-right: 20px;">Senad Uka</p>
<p class="details2 text-center">17 October</p>
<p class="details2 text-center" style="padding-right: 20px;"><?php the_author(); ?></p>
<p class="details2 text-center"><?php the_date(); ?></p>
</div>
<div class="flex-center space20">
<img class="social-icons" src="img/facebook.svg">
<img class="social-icons" src="img/linkedin.svg">
<img class="social-icons" src="img/twitter-logo.svg">
<img class="social-icons" src="img/ic_share.svg">
<img class="social-icons" src="<?php bloginfo( 'template_directory' ); ?>/img/facebook.svg">
<img class="social-icons" src="<?php bloginfo( 'template_directory' ); ?>/img/linkedin.svg">
<img class="social-icons" src="<?php bloginfo( 'template_directory' ); ?>/img/twitter-logo.svg">
<img class="social-icons" src="<?php bloginfo( 'template_directory' ); ?>/img/ic_share.svg">
</div>
<p class="tag-line text-center space20">Curabitur vitae feugiat nibh. In leo erat, blandit non scelerisque a, pretium in massa. Praesent vel nibh tincidunt, faucibus mi sed, sodales dolor.</p>
</div>
</section>
<!-- End blog title -->
<section>
<div class="blog-container space20">
<div class="flex-center text-left">
<p class="details2">The $79 iWork ’08
appears to be a good deal for anyone needing an affordable office suite for the Mac.
Apple has finally added a spreadsheet application. At first glance, Numbers is an elegant
no-brainer for anyone migrating from Microsoft Excel. In the past, many Mac aficionados bought
Microsoft Excel because iWork lacked a spreadsheet application.</p>
</div>
<div class="flex-center text-left space10">
<p class="details2">The $79 iWork ’08
appears to be a good deal for anyone needing an affordable office suite for the Mac.
Apple has finally added a spreadsheet application. At first glance, Numbers is an elegant
no-brainer for anyone migrating from Microsoft Excel. In the past, many Mac aficionados bought
Microsoft Excel because iWork lacked a spreadsheet application.</p>
</div>
<div>
<img class="img-within-text" src="img/blog-img-3.png">
</div>
<div class="flex-center text-left space10">
<p class="details2">The $79 iWork ’08
appears to be a good deal for anyone needing an affordable office suite for the Mac.
Apple has finally added a spreadsheet application. At first glance, Numbers is an elegant
no-brainer for anyone migrating from Microsoft Excel. In the past, many Mac aficionados bought
Microsoft Excel because iWork lacked a spreadsheet application.</p>
</div>
</div>
<div class="blog-container-line highlight-line space20">
<div class= "flex-center text-left">
<p class="highlighted-text">However, with the addition of Numbers and the release of Microsoft’s
Office for Mac 2008 delayed until January, Mac users may stick to Apple’s less expensive option.
We’re also happy that Mac hasn’t changed its file formats as Microsoft did with Office 2007. We like
the sparse interfaces throughout the iWork package.</p>
</div>
</div>
<div class="blog-container space20">
<div class="flex-center text-left space10">
<p class="details2">The $79 iWork ’08
appears to be a good deal for anyone needing an affordable office suite for the Mac.
Apple has finally added a spreadsheet application. At first glance, Numbers is an elegant
no-brainer for anyone migrating from Microsoft Excel. In the past, many Mac aficionados bought
Microsoft Excel because iWork lacked a spreadsheet application.</p>
</div>
</div>
</div>
<?php the_content(); ?>
</div>
</section>
<!-- Start Hire us -->
<section class="hire-us-section space40 id="scene"">
<div class="container blog-container ">
<p class="hire-us-text text-center space20">Besides writing interesting blog posts - we also implement boring and not so boring software - so if you need something, feel free to
<br><a class="hire-us-link" href="http://www.saburly.com#contact">HIRE US!</a></br></p>
<div class="hire-us-arrows">
<img class="arrow animated hire-us" src="img/hire-us-arrow1.svg">
<!--<img class="arrow animated bounce" style="padding-left: 20px" src="img/hire-us-arrow2.svg">
<img class="arrow animated bounce" style="padding-left: 20px" src="img/hire-us-arrow3.svg">
-->
<img class="arrow animated hire-us" src="<?php bloginfo( 'template_directory' ); ?>/img/hire-us-arrow1.svg">
<!-- <img class="arrow animated bounce" style="padding-left: 20px" src="<?php bloginfo( 'template_directory' ); ?>/img/hire-us-arrow2.svg"> -->
<!-- <img class="arrow animated bounce" style="padding-left: 20px" src="<?php bloginfo( 'template_directory' ); ?>/img/hire-us-arrow3.svg"> -->
</div>
</div>
</section>

16
style.css
View File

@@ -218,7 +218,6 @@ ul,p{
position: relative;
}
.blog-intro{
height: auto;
}
@@ -260,7 +259,7 @@ ul,p{
padding-bottom: 10px;
}
.article-img-wrraper {
background:url(../img/blog-img.png)center no-repeat;
background:url(./img/blog-img.png)center no-repeat;
display: block;
margin: auto;
width: 100%;
@@ -272,7 +271,11 @@ ul,p{
padding-left: 15px;
margin-right: auto;
margin-left: auto;
color: #898AB9;
font-size: 16px;
font-weight: 300;
}
.highlighted-text {
color: #26245F;
font-weight: 300;
@@ -423,11 +426,6 @@ div.tab button.active {
margin: 30px 0;
font-weight: 500;
}
.details2{
color: #898AB9;
font-size: 16px;
font-weight: 300;
}
.flex-center {
display: flex;
justify-content: center;
@@ -457,7 +455,7 @@ div.tab button.active {
}
.banner{
background:url(../img/blog-img.png)center no-repeat;
background:url(./img/blog-img.png)center no-repeat;
width: 100%;
height: 550px;
display: table;
@@ -477,7 +475,7 @@ div.tab button.active {
/*------------------------Footer-------------------------*/
footer{
background:url(../img/footer.png)no-repeat;
background:url(./img/footer.png)no-repeat;
background-size: cover;
padding: 70px 0;
}