Skip to content

Instantly share code, notes, and snippets.

<!-- CTA -->
<tr>
<td width="100%" valign="top" style="vertical-align: top;">
<table cellpadding="0" cellspacing="0" border="0" align="center"
style="margin: 0 auto;">
<tr>
<td width="100%" valign="top"
style=" background-color: #6193c3; vertical-align: top;">
<table width="100%" cellpadding="0" cellspacing="0"
border="0" style="min-width: 100%;">
<!--[if lt IE 8]>
<style>
.container##WIDTH##{
width: ##WIDTH##px;
}
</style>
<![endif]-->
<!--[if gte mso 9]>
<style>
@font-face {
font-family: 'Ford Antenna';
src: local('Ford Antenna'), local('Open Sans'), local('OpenSans'),
url('https://www.ford.co.uk/etc/designs/guxfoe/fonts/ford/fordantenna-light-webfont.eot') format("embedded-opentype"),
url('https://www.ford.co.uk/etc/designs/guxfoe/fonts/ford/fordantenna-light-webfont.woff') format("woff"),
url('https://fonts.gstatic.com/l/font?kit=EYqxma1dzb1S-PtSF7mKXzluU5Ol3jokJ_XF&skey=de3022c92a2796eb&v=v1') format('woff2'),
url('https://www.ford.co.uk/etc/designs/guxfoe/fonts/ford/fordantenna-light-webfont.ttf') format("truetype"),
url('https://www.ford.co.uk/etc/designs/guxfoe/fonts/ford/fordantenna-light-webfont.svg') format("svg");
font-weight: normal;
font-style: 300;
html, body, table, tbody, tr, td, div, p, ul, ol, li, h1, h2, h3, h4, h5, h6 {
margin: 0;
padding: 0;
}
body {
margin: 0;
padding: 0;
font-size: 0;
line-height: 0;
<table cellspacing="0" cellpadding="0" border="0" width="600" align="center" background="https://edmdesigner.github.io/modern-html-email-tutorial/lesson08/img/pattern.jpg" class="wrapper" style="margin: 0 auto; width:600px; min-height:50px; height:50px; ">
<tr>
<td bgcolor="#F4F4F4" background="https://edmdesigner.github.io/modern-html-email-tutorial/lesson08/img/pattern.jpg" style="background-color:#F4F4F4; background-image: url(https://edmdesigner.github.io/modern-html-email-tutorial/lesson08/img/pattern.jpg); background-position: center top;">
<!--[if gte mso 9]>
<v:image xmlns:v="urn:schemas-microsoft-com:vml" id="theImage" style="behavior: url(#default#VML); display: inline-block; position: absolute; width: 600px; height: 50px; top: 0; left: 0; border: 0; z-index: 1;" src="https://edmdesigner.github.io/modern-html-email-tutorial/lesson08/img/pattern.jpg" />
<v:rect xmlns:v="urn:schemas-microsoft-com:vml" fill="true" str
@helinsv
helinsv / flex.css
Last active September 5, 2017 13:19
flex
.items-t{
margin: 0 -1rem;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: stretch;
}
.talents-item{
text-align: center;
@helinsv
helinsv / owl-car
Created June 23, 2017 13:31
owl-car
loadCSS( "libs/fancybox/jquery.fancybox.css");
loadCSS( "libs/owl-carousel/owl.carousel.css");
{"src" : "libs/fancybox/jquery.fancybox.pack.js", "async" : false},
{"src" : "libs/owl-carousel/owl.carousel.min.js", "async" : false},
//Попап менеджер FancyBox Документация: http://fancybox.net/howto
$(".fancybox").fancybox();
//Каруселькаокументация: http://owlgraphic.com/owlcarousel/
@helinsv
helinsv / fancybox
Created June 23, 2017 13:31
fancybox
loadCSS( "libs/fancybox/jquery.fancybox.css");
{"src" : "libs/fancybox/jquery.fancybox.pack.js", "async" : false},
//Попап менеджер FancyBox Документация: http://fancybox.net/howto
$(".fancybox").fancybox();
<div class="row">
<div class="carousel">
<a class="fancybox" data-fancybox-group="group1" href="img/food-1.jpg"><img src="img/food-1.jpg" alt=""/></a>
@helinsv
helinsv / tabs
Created June 23, 2017 13:29
tabs
HTML:
<div class="tab_phone">
<div class="wrapper">
<div class="tabs">
<span class="tab">Москва</span> /
<span class="tab">Карганда</span>
</div>
<div class="tab_content">
<div class="tab_item">+7 (4722) 21-11-28</div>
<div class="tab_item">+7 (919) 439-56-89 </div>
/*========== Desktop First Method ==========*/
/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
}
/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {