Sed feugiat lorem
Lorem ipsum dolor sit amet, consectetur adipiscing vehicula id nulla dignissim dapibus ultrices.
Learn moreLine 1: | Line 1: | ||
{{Team:ASIJ_TOKYO/css}} | {{Team:ASIJ_TOKYO/css}} | ||
+ | <!DOCTYPE HTML> | ||
<!-- | <!-- | ||
Solid State by HTML5 UP | Solid State by HTML5 UP | ||
Line 7: | Line 8: | ||
<html> | <html> | ||
<head> | <head> | ||
− | |||
<title>Solid State by HTML5 UP</title> | <title>Solid State by HTML5 UP</title> | ||
<meta charset="utf-8" /> | <meta charset="utf-8" /> | ||
− | <meta | + | <meta name="viewport" content="width=device-width, initial-scale=1" /> |
<!--[if lte IE 8]><script src="assets/js/ie/html5shiv.js"></script><![endif]--> | <!--[if lte IE 8]><script src="assets/js/ie/html5shiv.js"></script><![endif]--> | ||
− | + | <!--[if lte IE 9]><link rel="stylesheet" href="assets/css/ie9.css" /><![endif]--> | |
− | + | <!--[if lte IE 8]><link rel="stylesheet" href="assets/css/ie8.css" /><![endif]--> | |
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | <style media="screen" type="text/css"> | ||
+ | |||
+ | @import url(font-awesome.min.css); | ||
@import url("https://fonts.googleapis.com/css?family=Raleway:200,700|Source+Sans+Pro:300,600,300italic,600italic"); | @import url("https://fonts.googleapis.com/css?family=Raleway:200,700|Source+Sans+Pro:300,600,300italic,600italic"); | ||
Line 1,705: | Line 1,713: | ||
} | } | ||
− | + | ||
a { | a { | ||
-moz-transition: color 0.2s ease-in-out, border-bottom-color 0.2s ease-in-out; | -moz-transition: color 0.2s ease-in-out, border-bottom-color 0.2s ease-in-out; | ||
Line 3,880: | Line 3,888: | ||
} | } | ||
− | </style> | + | |
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | /* | ||
+ | Solid State by HTML5 UP | ||
+ | html5up.net | @ajlkn | ||
+ | Free for personal and commercial use under the CCA 3.0 license (html5up.net/license) | ||
+ | */ | ||
+ | |||
+ | /* Basic */ | ||
+ | |||
+ | body { | ||
+ | -ms-behavior: url("assets/js/backgroundsize.min.htc"); | ||
+ | } | ||
+ | |||
+ | /* Type */ | ||
+ | |||
+ | h1.major, h2.major, h3.major, h4.major, h5.major, h6.major { | ||
+ | border-bottom: solid 2px #ffffff; | ||
+ | } | ||
+ | |||
+ | blockquote { | ||
+ | border-left: solid 4px #ffffff; | ||
+ | } | ||
+ | |||
+ | code { | ||
+ | border: solid 2px #ffffff; | ||
+ | } | ||
+ | |||
+ | hr { | ||
+ | border-bottom: solid 2px #ffffff; | ||
+ | } | ||
+ | |||
+ | /* Button */ | ||
+ | |||
+ | input[type="submit"], | ||
+ | input[type="reset"], | ||
+ | input[type="button"], | ||
+ | button, | ||
+ | .button { | ||
+ | position: relative; | ||
+ | -ms-behavior: url("assets/js/ie/PIE.htc"); | ||
+ | border: solid 2px #ffffff; | ||
+ | } | ||
+ | |||
+ | input[type="submit"].special, | ||
+ | input[type="reset"].special, | ||
+ | input[type="button"].special, | ||
+ | button.special, | ||
+ | .button.special { | ||
+ | border: 0; | ||
+ | } | ||
+ | |||
+ | /* Form */ | ||
+ | |||
+ | input[type="text"], | ||
+ | input[type="password"], | ||
+ | input[type="email"], | ||
+ | input[type="tel"], | ||
+ | select, | ||
+ | textarea { | ||
+ | position: relative; | ||
+ | -ms-behavior: url("assets/js/ie/PIE.htc"); | ||
+ | background: transparent; | ||
+ | border: solid 2px #ffffff; | ||
+ | } | ||
+ | |||
+ | /* Table */ | ||
+ | |||
+ | table tbody tr { | ||
+ | border: solid 1px #ffffff; | ||
+ | border-left: 0; | ||
+ | border-right: 0; | ||
+ | } | ||
+ | |||
+ | table.alt tbody tr td { | ||
+ | border: solid 1px #ffffff; | ||
+ | border-left-width: 0; | ||
+ | border-top-width: 0; | ||
+ | } | ||
+ | |||
+ | table.alt tbody tr td:first-child { | ||
+ | border-left-width: 1px; | ||
+ | } | ||
+ | |||
+ | table.alt tbody tr:first-child td { | ||
+ | border-top-width: 1px; | ||
+ | } | ||
+ | |||
+ | table.alt thead { | ||
+ | border-bottom: 0; | ||
+ | } | ||
+ | |||
+ | table.alt tfoot { | ||
+ | border-top: 0; | ||
+ | } | ||
+ | |||
+ | /* Features */ | ||
+ | |||
+ | .features article { | ||
+ | -ms-behavior: url("assets/js/ie/PIE.htc"); | ||
+ | position: relative; | ||
+ | width: 44%; | ||
+ | } | ||
+ | |||
+ | .features article .image { | ||
+ | margin-top: 0; | ||
+ | margin-left: 0; | ||
+ | width: 100%; | ||
+ | } | ||
+ | |||
+ | /* Menu */ | ||
+ | |||
+ | #menu { | ||
+ | background: #2e3141; | ||
+ | } | ||
+ | |||
+ | #menu h2 { | ||
+ | border-bottom: solid 2px #ffffff; | ||
+ | } | ||
+ | |||
+ | /* Header */ | ||
+ | |||
+ | #header { | ||
+ | background-color: #353849; | ||
+ | } | ||
+ | |||
+ | /* Wrapper */ | ||
+ | |||
+ | .wrapper { | ||
+ | margin: 0; | ||
+ | } | ||
+ | |||
+ | .wrapper:before, .wrapper:after { | ||
+ | display: none; | ||
+ | } | ||
+ | |||
+ | .wrapper.spotlight .image { | ||
+ | -ms-behavior: url("assets/js/ie/PIE.htc"); | ||
+ | } | ||
+ | |||
+ | .wrapper.spotlight .image img { | ||
+ | position: relative; | ||
+ | -ms-behavior: url("assets/js/ie/PIE.htc"); | ||
+ | } | ||
+ | |||
+ | /* Banner */ | ||
+ | |||
+ | #banner .logo .icon { | ||
+ | border: solid 2px #ffffff; | ||
+ | -ms-behavior: url("assets/js/ie/PIE.htc"); | ||
+ | } | ||
+ | |||
+ | #banner h2 { | ||
+ | border-bottom: solid 2px #ffffff; | ||
+ | } | ||
+ | |||
+ | /* Footer */ | ||
+ | |||
+ | #footer .inner .copyright { | ||
+ | border-top: solid 2px #ffffff; | ||
+ | } | ||
+ | |||
+ | #footer .inner .copyright li { | ||
+ | border-left: solid 2px #ffffff; | ||
+ | } | ||
+ | |||
+ | |||
+ | /* | ||
+ | Solid State by HTML5 UP | ||
+ | html5up.net | @ajlkn | ||
+ | Free for personal and commercial use under the CCA 3.0 license (html5up.net/license) | ||
+ | */ | ||
+ | |||
+ | /* Basic */ | ||
+ | |||
+ | body { | ||
+ | background-color: #2e3141; | ||
+ | background-image: url("../../images/bg.jpg"); | ||
+ | background-size: cover; | ||
+ | background-attachment: fixed; | ||
+ | background-position: center; | ||
+ | } | ||
+ | |||
+ | body:before { | ||
+ | background: rgba(46, 49, 65, 0.8); | ||
+ | content: ''; | ||
+ | display: block; | ||
+ | height: 100%; | ||
+ | left: 0; | ||
+ | position: fixed; | ||
+ | top: 0; | ||
+ | width: 100%; | ||
+ | } | ||
+ | |||
+ | body > * { | ||
+ | position: relative; | ||
+ | z-index: 1; | ||
+ | } | ||
+ | |||
+ | /* Features */ | ||
+ | |||
+ | .features article { | ||
+ | display: inline-block; | ||
+ | width: 45%; | ||
+ | } | ||
+ | |||
+ | /* Menu */ | ||
+ | |||
+ | #menu .inner { | ||
+ | margin: 4em auto; | ||
+ | } | ||
+ | |||
+ | /* Wrapper */ | ||
+ | |||
+ | #wrapper > header { | ||
+ | background: none !important; | ||
+ | } | ||
+ | |||
+ | .wrapper.spotlight .inner { | ||
+ | text-align: left !important; | ||
+ | } | ||
+ | |||
+ | .wrapper.spotlight .image { | ||
+ | display: inline-block; | ||
+ | margin: 0 3em 2em 0 !important; | ||
+ | vertical-align: middle; | ||
+ | width: 24%; | ||
+ | } | ||
+ | |||
+ | .wrapper.spotlight .content { | ||
+ | display: inline-block; | ||
+ | vertical-align: middle; | ||
+ | width: 70%; | ||
+ | } | ||
+ | |||
+ | /* Banner */ | ||
+ | |||
+ | #banner { | ||
+ | background: none !important; | ||
+ | } | ||
+ | |||
+ | /* Footer */ | ||
+ | |||
+ | #footer { | ||
+ | background: none !important; | ||
+ | } | ||
+ | |||
+ | #footer .inner form { | ||
+ | display: inline-block; | ||
+ | width: 45%; | ||
+ | } | ||
+ | |||
+ | #footer .inner .contact { | ||
+ | display: inline-block; | ||
+ | width: 45%; | ||
+ | } | ||
+ | |||
+ | </style> | ||
+ | |||
+ | <style> | ||
+ | /* | ||
+ | Solid State by HTML5 UP | ||
+ | html5up.net | @ajlkn | ||
+ | Free for personal and commercial use under the CCA 3.0 license (html5up.net/license) | ||
+ | */ | ||
+ | |||
+ | /* Basic */ | ||
+ | |||
+ | body { | ||
+ | -ms-behavior: url("assets/js/backgroundsize.min.htc"); | ||
+ | } | ||
+ | |||
+ | /* Type */ | ||
+ | |||
+ | h1.major, h2.major, h3.major, h4.major, h5.major, h6.major { | ||
+ | border-bottom: solid 2px #ffffff; | ||
+ | } | ||
+ | |||
+ | blockquote { | ||
+ | border-left: solid 4px #ffffff; | ||
+ | } | ||
+ | |||
+ | code { | ||
+ | border: solid 2px #ffffff; | ||
+ | } | ||
+ | |||
+ | hr { | ||
+ | border-bottom: solid 2px #ffffff; | ||
+ | } | ||
+ | |||
+ | /* Button */ | ||
+ | |||
+ | input[type="submit"], | ||
+ | input[type="reset"], | ||
+ | input[type="button"], | ||
+ | button, | ||
+ | .button { | ||
+ | position: relative; | ||
+ | -ms-behavior: url("assets/js/ie/PIE.htc"); | ||
+ | border: solid 2px #ffffff; | ||
+ | } | ||
+ | |||
+ | input[type="submit"].special, | ||
+ | input[type="reset"].special, | ||
+ | input[type="button"].special, | ||
+ | button.special, | ||
+ | .button.special { | ||
+ | border: 0; | ||
+ | } | ||
+ | |||
+ | /* Form */ | ||
+ | |||
+ | input[type="text"], | ||
+ | input[type="password"], | ||
+ | input[type="email"], | ||
+ | input[type="tel"], | ||
+ | select, | ||
+ | textarea { | ||
+ | position: relative; | ||
+ | -ms-behavior: url("assets/js/ie/PIE.htc"); | ||
+ | background: transparent; | ||
+ | border: solid 2px #ffffff; | ||
+ | } | ||
+ | |||
+ | /* Table */ | ||
+ | |||
+ | table tbody tr { | ||
+ | border: solid 1px #ffffff; | ||
+ | border-left: 0; | ||
+ | border-right: 0; | ||
+ | } | ||
+ | |||
+ | table.alt tbody tr td { | ||
+ | border: solid 1px #ffffff; | ||
+ | border-left-width: 0; | ||
+ | border-top-width: 0; | ||
+ | } | ||
+ | |||
+ | table.alt tbody tr td:first-child { | ||
+ | border-left-width: 1px; | ||
+ | } | ||
+ | |||
+ | table.alt tbody tr:first-child td { | ||
+ | border-top-width: 1px; | ||
+ | } | ||
+ | |||
+ | table.alt thead { | ||
+ | border-bottom: 0; | ||
+ | } | ||
+ | |||
+ | table.alt tfoot { | ||
+ | border-top: 0; | ||
+ | } | ||
+ | |||
+ | /* Features */ | ||
+ | |||
+ | .features article { | ||
+ | -ms-behavior: url("assets/js/ie/PIE.htc"); | ||
+ | position: relative; | ||
+ | width: 44%; | ||
+ | } | ||
+ | |||
+ | .features article .image { | ||
+ | margin-top: 0; | ||
+ | margin-left: 0; | ||
+ | width: 100%; | ||
+ | } | ||
+ | |||
+ | /* Menu */ | ||
+ | |||
+ | #menu { | ||
+ | background: #2e3141; | ||
+ | } | ||
+ | |||
+ | #menu h2 { | ||
+ | border-bottom: solid 2px #ffffff; | ||
+ | } | ||
+ | |||
+ | /* Header */ | ||
+ | |||
+ | #header { | ||
+ | background-color: #353849; | ||
+ | } | ||
+ | |||
+ | /* Wrapper */ | ||
+ | |||
+ | .wrapper { | ||
+ | margin: 0; | ||
+ | } | ||
+ | |||
+ | .wrapper:before, .wrapper:after { | ||
+ | display: none; | ||
+ | } | ||
+ | |||
+ | .wrapper.spotlight .image { | ||
+ | -ms-behavior: url("assets/js/ie/PIE.htc"); | ||
+ | } | ||
+ | |||
+ | .wrapper.spotlight .image img { | ||
+ | position: relative; | ||
+ | -ms-behavior: url("assets/js/ie/PIE.htc"); | ||
+ | } | ||
+ | |||
+ | /* Banner */ | ||
+ | |||
+ | #banner .logo .icon { | ||
+ | border: solid 2px #ffffff; | ||
+ | -ms-behavior: url("assets/js/ie/PIE.htc"); | ||
+ | } | ||
+ | |||
+ | #banner h2 { | ||
+ | border-bottom: solid 2px #ffffff; | ||
+ | } | ||
+ | |||
+ | /* Footer */ | ||
+ | |||
+ | #footer .inner .copyright { | ||
+ | border-top: solid 2px #ffffff; | ||
+ | } | ||
+ | |||
+ | #footer .inner .copyright li { | ||
+ | border-left: solid 2px #ffffff; | ||
+ | } | ||
+ | |||
+ | |||
+ | </style> | ||
+ | <style> | ||
+ | /* | ||
+ | Solid State by HTML5 UP | ||
+ | html5up.net | @ajlkn | ||
+ | Free for personal and commercial use under the CCA 3.0 license (html5up.net/license) | ||
+ | */ | ||
+ | |||
+ | /* Basic */ | ||
+ | |||
+ | body { | ||
+ | background-color: #2e3141; | ||
+ | background-image: url("../../images/bg.jpg"); | ||
+ | background-size: cover; | ||
+ | background-attachment: fixed; | ||
+ | background-position: center; | ||
+ | } | ||
+ | |||
+ | body:before { | ||
+ | background: rgba(46, 49, 65, 0.8); | ||
+ | content: ''; | ||
+ | display: block; | ||
+ | height: 100%; | ||
+ | left: 0; | ||
+ | position: fixed; | ||
+ | top: 0; | ||
+ | width: 100%; | ||
+ | } | ||
+ | |||
+ | body > * { | ||
+ | position: relative; | ||
+ | z-index: 1; | ||
+ | } | ||
+ | |||
+ | /* Features */ | ||
+ | |||
+ | .features article { | ||
+ | display: inline-block; | ||
+ | width: 45%; | ||
+ | } | ||
+ | |||
+ | /* Menu */ | ||
+ | |||
+ | #menu .inner { | ||
+ | margin: 4em auto; | ||
+ | } | ||
+ | |||
+ | /* Wrapper */ | ||
+ | |||
+ | #wrapper > header { | ||
+ | background: none !important; | ||
+ | } | ||
+ | |||
+ | .wrapper.spotlight .inner { | ||
+ | text-align: left !important; | ||
+ | } | ||
+ | |||
+ | .wrapper.spotlight .image { | ||
+ | display: inline-block; | ||
+ | margin: 0 3em 2em 0 !important; | ||
+ | vertical-align: middle; | ||
+ | width: 24%; | ||
+ | } | ||
+ | |||
+ | .wrapper.spotlight .content { | ||
+ | display: inline-block; | ||
+ | vertical-align: middle; | ||
+ | width: 70%; | ||
+ | } | ||
+ | |||
+ | /* Banner */ | ||
+ | |||
+ | #banner { | ||
+ | background: none !important; | ||
+ | } | ||
+ | |||
+ | /* Footer */ | ||
+ | |||
+ | #footer { | ||
+ | background: none !important; | ||
+ | } | ||
+ | |||
+ | #footer .inner form { | ||
+ | display: inline-block; | ||
+ | width: 45%; | ||
+ | } | ||
+ | |||
+ | #footer .inner .contact { | ||
+ | display: inline-block; | ||
+ | width: 45%; | ||
+ | } | ||
+ | </style> | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
</head> | </head> | ||
Line 3,915: | Line 4,454: | ||
<div class="inner"> | <div class="inner"> | ||
<div class="logo"><span class="icon fa-diamond"></span></div> | <div class="logo"><span class="icon fa-diamond"></span></div> | ||
− | <h2> | + | <h2>This is Solid State</h2> |
− | <p> | + | <p>Another free + fully responsive site template by <a href="http://html5up.net">HTML5 UP</a></p> |
</div> | </div> | ||
</section> | </section> | ||
Line 3,926: | Line 4,465: | ||
<section id="one" class="wrapper spotlight style1"> | <section id="one" class="wrapper spotlight style1"> | ||
<div class="inner"> | <div class="inner"> | ||
− | + | <a href="#" class="image"><img src="images/pic01.jpg" alt="" /></a> | |
− | <a href=" | + | |
<div class="content"> | <div class="content"> | ||
− | <h2 class="major"> | + | <h2 class="major">Magna arcu feugiat</h2> |
− | <p> | + | <p>Lorem ipsum dolor sit amet, etiam lorem adipiscing elit. Cras turpis ante, nullam sit amet turpis non, sollicitudin posuere urna. Mauris id tellus arcu. Nunc vehicula id nulla dignissim dapibus. Nullam ultrices, neque et faucibus viverra, ex nulla cursus.</p> |
− | <a href=" | + | <a href="#" class="special">Learn more</a> |
</div> | </div> | ||
</div> | </div> | ||
Line 3,939: | Line 4,477: | ||
<section id="two" class="wrapper alt spotlight style2"> | <section id="two" class="wrapper alt spotlight style2"> | ||
<div class="inner"> | <div class="inner"> | ||
− | + | <a href="#" class="image"><img src="images/pic02.jpg" alt="" /></a> | |
− | <a href=" | + | |
<div class="content"> | <div class="content"> | ||
− | <h2 class="major"> | + | <h2 class="major">Tempus adipiscing</h2> |
<p>Lorem ipsum dolor sit amet, etiam lorem adipiscing elit. Cras turpis ante, nullam sit amet turpis non, sollicitudin posuere urna. Mauris id tellus arcu. Nunc vehicula id nulla dignissim dapibus. Nullam ultrices, neque et faucibus viverra, ex nulla cursus.</p> | <p>Lorem ipsum dolor sit amet, etiam lorem adipiscing elit. Cras turpis ante, nullam sit amet turpis non, sollicitudin posuere urna. Mauris id tellus arcu. Nunc vehicula id nulla dignissim dapibus. Nullam ultrices, neque et faucibus viverra, ex nulla cursus.</p> | ||
− | <a href=" | + | <a href="#" class="special">Learn more</a> |
</div> | </div> | ||
</div> | </div> | ||
Line 3,952: | Line 4,489: | ||
<section id="three" class="wrapper spotlight style3"> | <section id="three" class="wrapper spotlight style3"> | ||
<div class="inner"> | <div class="inner"> | ||
− | + | <a href="#" class="image"><img src="images/pic03.jpg" alt="" /></a> | |
− | <a href="# | + | |
<div class="content"> | <div class="content"> | ||
− | <h2 class="major"> | + | <h2 class="major">Nullam dignissim</h2> |
<p>Lorem ipsum dolor sit amet, etiam lorem adipiscing elit. Cras turpis ante, nullam sit amet turpis non, sollicitudin posuere urna. Mauris id tellus arcu. Nunc vehicula id nulla dignissim dapibus. Nullam ultrices, neque et faucibus viverra, ex nulla cursus.</p> | <p>Lorem ipsum dolor sit amet, etiam lorem adipiscing elit. Cras turpis ante, nullam sit amet turpis non, sollicitudin posuere urna. Mauris id tellus arcu. Nunc vehicula id nulla dignissim dapibus. Nullam ultrices, neque et faucibus viverra, ex nulla cursus.</p> | ||
− | <a href=" | + | <a href="#" class="special">Learn more</a> |
</div> | </div> | ||
</div> | </div> | ||
Line 3,965: | Line 4,501: | ||
<section id="four" class="wrapper alt style1"> | <section id="four" class="wrapper alt style1"> | ||
<div class="inner"> | <div class="inner"> | ||
− | + | <h2 class="major">Vitae phasellus</h2> | |
− | <h2 class="major"> | + | |
<p>Cras mattis ante fermentum, malesuada neque vitae, eleifend erat. Phasellus non pulvinar erat. Fusce tincidunt, nisl eget mattis egestas, purus ipsum consequat orci, sit amet lobortis lorem lacus in tellus. Sed ac elementum arcu. Quisque placerat auctor laoreet.</p> | <p>Cras mattis ante fermentum, malesuada neque vitae, eleifend erat. Phasellus non pulvinar erat. Fusce tincidunt, nisl eget mattis egestas, purus ipsum consequat orci, sit amet lobortis lorem lacus in tellus. Sed ac elementum arcu. Quisque placerat auctor laoreet.</p> | ||
<section class="features"> | <section class="features"> | ||
<article> | <article> | ||
− | <a href="# | + | <a href="#" class="image"><img src="images/pic04.jpg" alt="" /></a> |
<h3 class="major">Sed feugiat lorem</h3> | <h3 class="major">Sed feugiat lorem</h3> | ||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing vehicula id nulla dignissim dapibus ultrices.</p> | <p>Lorem ipsum dolor sit amet, consectetur adipiscing vehicula id nulla dignissim dapibus ultrices.</p> | ||
− | <a href="# | + | <a href="#" class="special">Learn more</a> |
</article> | </article> | ||
<article> | <article> | ||
− | <a href="# | + | <a href="#" class="image"><img src="images/pic05.jpg" alt="" /></a> |
<h3 class="major">Nisl placerat</h3> | <h3 class="major">Nisl placerat</h3> | ||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing vehicula id nulla dignissim dapibus ultrices.</p> | <p>Lorem ipsum dolor sit amet, consectetur adipiscing vehicula id nulla dignissim dapibus ultrices.</p> | ||
− | <a href="# | + | <a href="#" class="special">Learn more</a> |
</article> | </article> | ||
<article> | <article> | ||
− | <a href="# | + | <a href="#" class="image"><img src="images/pic06.jpg" alt="" /></a> |
<h3 class="major">Ante fermentum</h3> | <h3 class="major">Ante fermentum</h3> | ||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing vehicula id nulla dignissim dapibus ultrices.</p> | <p>Lorem ipsum dolor sit amet, consectetur adipiscing vehicula id nulla dignissim dapibus ultrices.</p> | ||
− | <a href="# | + | <a href="#" class="special">Learn more</a> |
</article> | </article> | ||
<article> | <article> | ||
− | <a href="# | + | <a href="#" class="image"><img src="images/pic07.jpg" alt="" /></a> |
<h3 class="major">Fusce consequat</h3> | <h3 class="major">Fusce consequat</h3> | ||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing vehicula id nulla dignissim dapibus ultrices.</p> | <p>Lorem ipsum dolor sit amet, consectetur adipiscing vehicula id nulla dignissim dapibus ultrices.</p> | ||
− | <a href="# | + | <a href="#" class="special">Learn more</a> |
</article> | </article> | ||
</section> | </section> | ||
<ul class="actions"> | <ul class="actions"> | ||
− | <li><a href="# | + | <li><a href="#" class="button">Browse All</a></li> |
</ul> | </ul> | ||
</div> | </div> |
<!DOCTYPE HTML>
Lorem ipsum dolor sit amet, etiam lorem adipiscing elit. Cras turpis ante, nullam sit amet turpis non, sollicitudin posuere urna. Mauris id tellus arcu. Nunc vehicula id nulla dignissim dapibus. Nullam ultrices, neque et faucibus viverra, ex nulla cursus.
Learn moreLorem ipsum dolor sit amet, etiam lorem adipiscing elit. Cras turpis ante, nullam sit amet turpis non, sollicitudin posuere urna. Mauris id tellus arcu. Nunc vehicula id nulla dignissim dapibus. Nullam ultrices, neque et faucibus viverra, ex nulla cursus.
Learn moreLorem ipsum dolor sit amet, etiam lorem adipiscing elit. Cras turpis ante, nullam sit amet turpis non, sollicitudin posuere urna. Mauris id tellus arcu. Nunc vehicula id nulla dignissim dapibus. Nullam ultrices, neque et faucibus viverra, ex nulla cursus.
Learn moreCras mattis ante fermentum, malesuada neque vitae, eleifend erat. Phasellus non pulvinar erat. Fusce tincidunt, nisl eget mattis egestas, purus ipsum consequat orci, sit amet lobortis lorem lacus in tellus. Sed ac elementum arcu. Quisque placerat auctor laoreet.
Lorem ipsum dolor sit amet, consectetur adipiscing vehicula id nulla dignissim dapibus ultrices.
Learn moreLorem ipsum dolor sit amet, consectetur adipiscing vehicula id nulla dignissim dapibus ultrices.
Learn moreLorem ipsum dolor sit amet, consectetur adipiscing vehicula id nulla dignissim dapibus ultrices.
Learn moreLorem ipsum dolor sit amet, consectetur adipiscing vehicula id nulla dignissim dapibus ultrices.
Learn more