Last active
February 11, 2017 09:57
-
-
Save mrmartineau/cd32622e3df616b685aa to your computer and use it in GitHub Desktop.
Ebay css
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<link href='http://fonts.googleapis.com/css?family=Karla:400,700' rel='stylesheet' type='text/css'> | |
<style> | |
.zmEbayContainer { | |
font-family: Karla, Helvetica Neue; | |
color: #2F353A; | |
width: 80%; | |
background-color: #f1f1f1; | |
margin: 50px auto; | |
padding: 35px 50px; | |
} | |
.zmEbay-blockquote { | |
font-size: 20px; | |
font-style: italic; | |
font-weight: bold; | |
padding: 15px 50px; | |
margin: 45px -50px 20px; | |
color: #fff; | |
background-color: #2F353A; | |
} | |
.zmEbay-clearfix { | |
overflow: hidden; | |
} | |
.zmEbay-col1 { | |
margin: 10px 0; | |
} | |
@media screen and (min-width: 500px) { | |
.zmEbay-col1 { | |
float: left; | |
width: 35%; | |
margin: 10px 0; | |
} | |
.zmEbay-col2 { | |
float: right; | |
width: 55%; | |
} | |
} | |
img { | |
max-width: 100%; | |
} | |
.text-center { | |
text-align: center; | |
} | |
</style> | |
<div class="zmEbayContainer"> | |
<h1>Samyang 50 mm F1.4 Manual Focus Lens for Sony-E Mount</h1> | |
<blockquote class="zmEbay-blockquote"> | |
“This is a perfect all-round lens. Super fast and great for portraits.” | |
</blockquote> | |
<div class="zmEbay-clearfix"> | |
<img src="https://www.bhphotovideo.com/images/images2500x2500/samyang_sy50m_e_50mm_f1_4_lens_for_1132004.jpg" class="zmEbay-col1"> | |
<div class="zmEbay-col2"> | |
<h3>Feature overview</h3> | |
<ul> | |
<li></li> | |
</ul> | |
<h3>Condition</h3> | |
<p>I have only used this lens a few times and have taken great care with it. There are no scratches on the lens or the body.</p> | |
</div> | |
</div> | |
<h2>Product Description</h2> | |
<h4></h4> | |
<p></p> | |
<h2>Reviews</h2> | |
<ul> | |
<li><a href="https://www.dpreview.com/products/samyang/lenses/samyang_50_1p4_as_umc/amazon-customer-reviews">dpreview.com reviews</a> 4.5 stars</li> | |
<li><a href="https://www.ephotozine.com/article/samyang-50mm-f-1-4-as-umc-lens-review-26373">ephotozine review</a> 3.5 stars</li> | |
</ul> | |
<h2>Items included</h2> | |
<ul> | |
<li></li> | |
</ul> | |
<h2>Links</h2> | |
<ul> | |
<li><a href="http://www.samyanglensglobal.com/product/detail.do?SQ=6">Samyang's official product page for the lens</a></li> | |
</ul> | |
<h3 class="text-center">Check out my <a href="http://www.ebay.co.uk/usr/mrmartineau" target="_blank">other items</a>!</h3> | |
<p class="text-center">This page was created using HTML & CSS. Find the source code on Github so you can create one for yourself: <a href="https://gist.github.com/mrmartineau/cd32622e3df616b685aa">Source code</a></p> | |
</div> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment