Skip welcome & menu and move to editor
Welcome to JS Bin
File
Add library
Share
Login or Register
Blog
Help
Load cached copy from
  • Run with JS
  • Save
  • Share
  • …
 
<?php get_header(); ?>
​
<?php 
  // Fix menu overlap
  if ( is_admin_bar_showing() ) echo '<div style="min-height: 32px;"></div>'; 
?>
​
 <body class="blog">
​
​
    <!-- Navigation -->
    <nav class="navbar navbar-default navbar-custom navbar-fixed-top">
        <div class="container-fluid">
            <!-- Brand and toggle get grouped for better mobile display -->
            <div class="navbar-header page-scroll">
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
                    <span class="sr-only">Toggle navigation</span>
                    Menu <i class="fa fa-bars"></i>
                </button>
                <a class="navbar-brand" href="../../../../../Users/komp/Documents/do spinania/startbootstrap-clean-blog-gh-pages/index.html">Start Bootstrap</a>
            </div>
​
            <!-- Collect the nav links, forms, and other content for toggling -->
            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                <ul class="nav navbar-nav navbar-right">
                    <li>
                        <a href="../../../../../Users/komp/Documents/do spinania/startbootstrap-clean-blog-gh-pages/index.html">Home</a>
                    </li>
                    <li>
                        <a href="../../../../../Users/komp/Documents/do spinania/startbootstrap-clean-blog-gh-pages/about.html">About</a>
                    </li>
                    <li>
                        <a href="../../../../../Users/komp/Documents/do spinania/startbootstrap-clean-blog-gh-pages/post.html">Sample Post</a>
                    </li>
                    <li>
                        <a href="../../../../../Users/komp/Documents/do spinania/startbootstrap-clean-blog-gh-pages/contact.html">Contact</a>
                    </li>
                </ul>
            </div>
            <!-- /.navbar-collapse -->
        </div>
        <!-- /.container -->
    </nav>
​
    <!-- Page Header -->
    <!-- Set your background image for this header on the line below. -->
    <header class="intro-header" style="background-image: url('<?php echo get_template_directory_uri(); ?>/img/krople.jpg')">
        <div class="container">
            <div class="row">
                <div class="col-lg-8 col-lg-offset-2 col-md-10 col-md-offset-1">
                    <div class="site-heading">
                        <p class="title"><?php bloginfo('name');?></p>
                        <hr class="small">
                        <span class="subheading"><?php is_front_page() ? bloginfo('description') : wp_title('');?></span>
                    </div>
                </div>
            </div>
        </div>
    </header>
​
​
​
​
​
​
​
​
​
    <!-- Main Content -->
    <div class="container">
        <div class="row">
            
            <div class="col-lg-12 col-md-12 col-xs-12 box">
            <?php
                $paged = ( get_query_var( 'paged' ) ) ? get_query_var( 'paged' ) : 1;
                $args = array(
                    'post_type' => 'post',
                    'post_per_page' => 8,
                    'paged' => $paged,
                );
                $wp_query = new WP_Query( $args );
                if ( $wp_query->have_posts() ) : while ( $wp_query->have_posts() ) : $wp_query->the_post();
             ?>
           
            
            
            
            <br>
            <br>
         
                <div class="post-preview">
                
                 
                
                
                    <!--a href="post.html"-->
                        <p class="post-title">
                            <?php the_title(); ?>
                        </p>
                        <h3 class="post-subtitle">
                            <?php the_excerpt(); ?>
                        </h3>
                    <!--/a-->
                   <p class="post-meta">Napisane przez <?php the_author_posts_link(); ?> o <?php the_time('G:i'); ?> <?php the_date('F j, Y'); ?> </p>
                </div>
                
                
                <?php endwhile; else: ?>
               <p> Nie ma takiego posta </p>
               <?php endif; ?>
               
                
                
                
                <br>
                <!-- Pager -->
                <ul class="pager">
                    <li class="next">
                        <?php next_posts_link('Starsze posty &rarr;'); ?>
                 <li class="previous">
                        <?php previous_posts_link('&larr; Nowsze Posty'); ?>
                    </li>
                </ul>
                <br>
                <br>
                <br>
                <br>
                <div class="row">
                 
                   <div class="col-lg-12  col-md-12 col-xs-12 ">
                  
                  
                    <hr>
                    <p class="intro-text text-center"> O autorce</p>
                       
                   
               
                    
                    
                 <img class="img-responsive img-border" src="<?php echo get_template_directory_uri(); ?>/img/rb.jpg" alt="Regina Boroń">
                    
                    <p class="text-about text-center">
                     Fotografią pasjonuję się od 8 lat, skończyłam też szkołę policealną właśnie w tym kierunku. Najbardziej lubię uwieczniać mikro świat o poranku. Poza tym kocham wszystkie żywe stworzenia – w domu mam 4 psy, a poza tym kury, gęsi, a nawet gołębia! <br>Jestem dumną mamą półtorarocznego Mieszka, który czasem próbuje podkradać mi aparat, ale jeszcze mu nie daję ;)
Mam nadzieję, że będziesz się czuł w Zorzy jak u siebie w domu :) <p class="intro-text text-center" style="padding-top:25px;">Tak jak ja!</p> 
                    </p>
                    <br>
                    <br>
                    <br>
                    
                    <ul class="list-inline text-center " style=" padding-top:10px;">
                        
                        <li>
                            <a href="https://www.facebook.com/zorza.studio/">
                                <span class="fa-stack fa-lg">
                                    <i class="fa fa-circle fa-stack-2x"></i>
                                    <i class="fa fa-facebook fa-stack-1x fa-inverse"></i>
                                </span>
                            </a>
                        </li>
                      
                    </ul>
                   
                   
                   
                   
                    
                </div>
               
                </div>
                
               
            </div>
        
​
                
                
                 </div>
                 </div>
                
                
  
    
  
​
<?php get_footer();  ?>
​
​
 
html,
body {
    width: 100%!;
     margin:0;
    font-family: "Source Sans Pro","Helvetica Neue",Helvetica,Arial,sans-serif!important; color:white; /* body ma dotyczyć tylko strony głównej,a narzuca właśćwiości na pozostałe podstrony igonruje  css2  */
      
}
container-fluid {
width:100%
​
 
}
​
body >  /* unvisited link */
​
a:link {
    color: #ffcb40;
}
​
/* visited link */
a:visited {
    color: #5a2d5b;
}
​
/* mouse over link */
a:hover {
    color: #ff5063;
}
​
/* selected link */
a:active {
    color: #ffcb40;
}
​
​
​
/*css 2gi */
​
intro-header {
  background-color: #777777;
  background: no-repeat center center;
  background-attachment: scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
  margin-bottom: 50px;
}
.intro-header .site-heading,
.intro-header .post-heading,
.intro-header .page-heading {
  padding: 100px 0 50px;
  color: white;
}
@media only screen and (min-width: 768px) {
  .intro-header .site-heading,
  .intro-header .post-heading,
  .intro-header .page-heading {
    padding: 150px 0;
  }
}
.intro-header .site-heading,
.intro-header .page-heading {
  text-align: center;
}
.intro-header .site-heading h1,
.intro-header .page-heading h1 {
  margin-top: 0;
  font-size: 50px;
}
.intro-header .site-heading .subheading,
.intro-header .page-heading .subheading {
  font-size: 24px;
  line-height: 1.1;
  display: block;
  font-family: 'Oswald',arial narrow,sans-serif;
  font-weight: 800;
  margin: 10px 0 0;
  color:white;
   letter-spacing:1px;
   text-shadow: 0px 3px 4px rgba(0, 0, 0, 0.19);
}
​
@media only screen and (min-width: 768px) {
  .intro-header .site-heading h1,
  .intro-header .page-heading h1 {
    font-size: 80px;
  }
}
.intro-header .post-heading h1 {
  font-size: 35px;
  
}
.intro-header .post-heading .subheading,
.intro-header .post-heading .meta {
  line-height: 1.1;
  display: block;
}
.intro-header .post-heading .subheading{
  font-family: 'Oswald',arial narrow,sans-serif;
  font-size: 24px;
  margin: 10px 0 30px;
  font-weight: 600;
}
.intro-header .post-heading .meta {
  font-family: 'Oswald',arial narrow,sans-serif;
  font-style: italic;
  font-weight: 300;
  font-size: 20px;
}
.intro-header .post-heading .meta a {
  color: white;
}
​
​
​
.img-border {
    float: left;
    margin: 0 auto 0;
    margin-right:10px;
    border: #999999 solid 1px; 
    height:200px;
​
    
    }
    
    
    
​
​
​
.intro-text {
    font-family: 'Oswald',arial narrow,sans-serif;
    text-transform: uppercase;
    font-size: 2em;
    font-weight: 700;
    letter-spacing: 1px;
    color:#709305; }
    
    
    
    
​
​
​
 .title {
​
font-family: 'Oswald',arial narrow,sans-serif;
  font-size: 5em;
  margin: 10px 0 30px;
  font-weight: 600; 
  color:white;
  text-shadow: 0px 3px 4px rgba(0, 0, 0, 0.19);
  
  
  }
​
​
​
​
​
@media only screen and (min-width: 768px) {
  .intro-header .post-heading h1 {
    font-size: 55px;
  }
  .intro-header .post-heading .subheading {
    font-size: 30px;
  }
}
.post-preview > a {
  color: #333333;
  font-family:'Oswald',arial narrow,sans-serif;
​
}
.post-preview > a:hover,
.post-preview > a:focus {
  text-decoration: none;
  color: #8bb801;
}
.post-preview > a > .post-title {
  font-size: 30px;
  font-weight:800;
  margin-top: 30px;
  margin-bottom: 10px;
  color:#709305;
}
.post-preview > a > .post-subtitle {
  margin: 0;
  font-weight: 300;
  margin-bottom: 10px;
   color: #333333;
}
.post-preview > .post-meta {
  color: #777777;
  font-size: 12px;
  font-style: italic;
  margin-top: 0;
}
.post-preview > .post-meta > a {
  text-decoration: none;
  color: #333333;
}
.post-preview > .post-meta > a:hover,
.post-preview > .post-meta > a:focus {
  color: #8bb801;
  text-decoration: underline;
}
​
​
​
​
​
.text-about {
    font-color:#628200!important;
    font-size: 1.5em!important;
    padding-right:35px;
    
    
    font-family:'Oswald',arial narrow,sans-serif;
    font-weight: 500;
    line-height:35px;
    
    
}
​
​
​
.small {
    
    width:25%;
    backgorund-color:gray; }
​
@media only screen and (min-width: 768px) {
  .post-preview > a > .post-title {
    font-size: 36px;
  }
}
​
​
​
​
​
​
​
​
​
​
​
.section-heading {
  font-size: 36px;
  margin-top: 60px;
  font-weight: 700;
  color:#5a7d00;
  
}
​
​
​
​
​
​
​
​
​
​
​
​
​
.caption {
  text-align: center;
  font-size: 14px;
  padding: 10px;
  font-style: italic;
  margin: 0;
  display: block;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
}
footer {
  padding: 50px 0 65px;
}
footer .list-inline {
  margin: 0;
  padding: 0;
}
footer .copyright {
  font-size: 14px;
  text-align: center;
  margin-bottom: 0;
}
.floating-label-form-group {
  font-size: 14px;
  position: relative;
  margin-bottom: 0;
  padding-bottom: 0.5em;
  border-bottom: 1px solid #eeeeee;
}
.floating-label-form-group input,
.floating-label-form-group textarea {
  z-index: 1;
  position: relative;
  padding-right: 0;
  padding-left: 0;
  border: none;
  border-radius: 0;
  font-size: 1.5em;
  background: none;
  box-shadow: none !important;
  resize: none;
}
.floating-label-form-group label {
  display: block;
  z-index: 0;
  position: relative;
  top: 2em;
  margin: 0;
  font-size: 0.85em;
  line-height: 1.764705882em;
  vertical-align: middle;
  vertical-align: baseline;
  opacity: 0;
  -webkit-transition: top 0.3s ease,opacity 0.3s ease;
  -moz-transition: top 0.3s ease,opacity 0.3s ease;
  -ms-transition: top 0.3s ease,opacity 0.3s ease;
  transition: top 0.3s ease,opacity 0.3s ease;
}
.floating-label-form-group::not(:first-child) {
  padding-left: 14px;
  border-left: 1px solid #8bb801;
}
.floating-label-form-group-with-value label {
  top: 0;
  opacity: 1;
}
.floating-label-form-group-with-focus label {
  color: #8bb801;
}
form .row:first-child .floating-label-form-group {
  border-top: 1px solid #8bb801;
}
.btn {
  font-family: 'Oswald',arial narrow,sans-serif;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 800;
  letter-spacing: 1px;
  border-radius: 0;
  padding: 15px 25px;
}
.btn-lg {
  font-size: 16px;
  padding: 25px 35px;
}
.btn-default:hover,
.btn-default:focus {
  background-color: #8bb801;
  border: 1px solid #8bb801;
  color: white;
}
.pager {
  margin: 20px 0 0;
}
.pager li > a,
.pager li > span {
  font-family: 'Oswald',arial narrow,sans-serif;
  color:white;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 800;
  letter-spacing: 1px;
  padding: 15px 25px;
  background-color: #678800;
  border-radius: 0;
}
.pager li > a:hover,
.pager li > a:focus {
  color: white;
  background-color: #8bb801;
  border: 1px solid #8bb801;
}
.pager .disabled > a,
.pager .disabled > a:hover,
.pager .disabled > a:focus,
.pager .disabled > span {
  color: #777777;
  background-color: #333333;
  cursor: not-allowed;
}
  
  /* zmienilęm nazwę w 2gim kodzie z body na .blog  i dodałem tę klasę przed wszystkie klasy główne czyli np .blog post-preview,  w html dodałem do body klasę blog. Font zmienia się  na oswald ale kolor wciąż biały, problem jest tylko z fontem  */
Output

This bin was created anonymously and its free preview time has expired (learn why). — Get a free unrestricted account

Dismiss x
public
Bin info
anonymouspro
0viewers