Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
Strona WordPress intro z 3 linkami do artykułu na wpadmin.pl
<!DOCTYPE html>
<html <?php language_attributes(); ?>>
<head>
<meta charset="<?php bloginfo( 'charset' ); ?>">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<?php wp_head(); ?>
<style>
html{position:relative;min-height:100%}
body{background:#0876e3;}
body *{font-family:arial, sans-serif;font-size:16px;}
*,*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
h1{text-align:center;margin-bottom:40px;color:#fff;font-size:28px;}
.intro-container{position:absolute;top:50%;transform:translateY(-50%);width:100%;}
.intro-row{width:100%;}
.intro-13-col{float:left;width:33.3333%;padding:0 15px;text-align:center;min-height:1px;}
.intro-13-col a{background:#2898f0;color:#fff;text-decoration:none;display:inline-block;padding:15px 20px;font-weight:bold;}
.clear{clear:both;}
.footer{color:#fff;text-align:center;padding:20px;}
.footer a{color:#fff;}
@media only screen and (max-width:1200px){
.intro-container{position:static;top:auto;transform:translateY(0%);}
.intro-13-col{float:none;width:100%;}
}
.gas{min-height:310px;}
</style>
</head>
<body>
<div class="intro-container">
<h1>Demo strony intro z 3 kolumnami</h1>
<div class="intro-row">
<div class="intro-13-col"><a href="http://wpadmin.pl">Przejdź do WPadmin.pl</a></div><!-- lewa kolumna -->
<div class="intro-13-col">Środkowa kolumna</div><!-- srodkowa kolumna -->
<div class="intro-13-col"><a href="http://google.pl">Idź do Google</a></div><!-- prawa kolumna -->
<div class="clear"></div>
</div>
<p class="footer">Copyright &copy; 2017 <a href="http://wpadmin.pl">wpadmin.pl</a></p>
</div>
<?php wp_footer(); ?>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.