"block"
Bootstrap 4.1.1 Snippet by evarevirus

<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <!------ Include the above in your HEAD tag ----------> <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <link rel="shortcut icon" type="image/x-icon" href="https://static.codepen.io/assets/favicon/favicon-aec34940fbc1a6e787974dcd360f2c6b63348d4b1f4e06c77743096d55480f33.ico" /> <link rel="mask-icon" type="" href="https://static.codepen.io/assets/favicon/logo-pin-8f3771b1072e3c38bd662872f6b673a722f4b3ca2421637d5596661b4e2132cc.svg" color="#111" /> <title>CodePen - Broken Grid Images</title> <style> /*! CSS Used from: https://uploads-ssl.webflow.com/59fc88484bd9c800017235df/css/geely-atlas.443936fd3.css */ *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;} h2{font-weight:bold;margin-bottom:10px;} h2{font-size:32px;line-height:36px;margin-top:20px;} h2{margin-top:0px;margin-bottom:60px;font-family:proxima-nova, sans-serif;color:#000;font-size:30px;line-height:38px;font-weight:700;} .section{position:relative;width:100%;padding-top:120px;padding-bottom:120px;background-color:#fff;} .cz{display:block;width:96%;max-width:1180px;margin-right:auto;margin-left:auto;} .cz.exterior-cz{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;} .exterior-images-div{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:580px;margin-right:80px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-align:end;-webkit-align-items:flex-end;-ms-flex-align:end;align-items:flex-end;-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;} .exterior-image-1{width:480px;height:400px;background-image:url("https://uploads-ssl.webflow.com/59fc88484bd9c800017235df/59fca2984bd9c80001725111_Desing%20Image%201.jpg");background-position:50% 50%;background-repeat:no-repeat;box-shadow:0 40px 40px -20px rgba(0, 0, 0, .4);} .exterior-image-2{position:static;z-index:2;width:200px;height:160px;margin-top:-120px;-webkit-align-self:flex-start;-ms-flex-item-align:start;align-self:flex-start;background-image:url("https://uploads-ssl.webflow.com/59fc88484bd9c800017235df/59fca2fd4bd9c8000172514e_desing%20image%203.jpg");background-position:50% 50%;background-repeat:no-repeat;box-shadow:0 40px 50px -20px rgba(0, 0, 0, .5);} .exterior-image-3{width:280px;height:200px;margin-top:-90px;margin-right:50px;background-image:url("https://uploads-ssl.webflow.com/59fc88484bd9c800017235df/59fca37391b12f00016ba804_desing%20image%202.jpg");background-position:50% 50%;background-repeat:no-repeat;box-shadow:0 40px 40px -20px rgba(0, 0, 0, .4);} .desing-text-div{max-width:460px;margin-right:60px;-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;} .standart-text{color:#909090;font-size:16px;line-height:24px;font-weight:300;} .quote-div{margin-top:50px;} .quote-div.quote-botom-div{margin-top:30px;} .quote-line{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;} .quote-line.quote-bottom-line{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;font-size:18px;line-height:26px;font-weight:600;} .quote-sing{width:24px;height:19px;margin-right:20px;-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;background-image:url("https://uploads-ssl.webflow.com/59fc88484bd9c800017235df/59fca4ec463ca50001a855b7_quote.png");background-position:50% 50%;background-size:24px;background-repeat:no-repeat;} .quote-ab{font-family:Vollkorn, serif;color:#000;font-size:18px;line-height:26px;font-weight:400;} .peter-image{width:100px;height:100px;margin-right:20px;border-radius:100%;background-image:url("https://uploads-ssl.webflow.com/59fc88484bd9c800017235df/59fca586d5dff6000148d504_Peter%20Photo.png");background-position:50% 50%;background-size:100px;background-repeat:no-repeat;} ._16pt-italic{color:#a7a7a7;font-size:16px;font-style:italic;font-weight:300;} @media (max-width: 991px){ .section{padding-top:100px;padding-bottom:100px;} .cz.exterior-cz{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;} .exterior-images-div{margin-right:0px;} .desing-text-div{max-width:580px;margin-top:60px;margin-right:0px;} } @media (max-width: 767px){ h2{margin-bottom:40px;font-size:22px;line-height:30px;} .section{padding-top:80px;padding-bottom:80px;} .cz.exterior-cz{-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;} .exterior-images-div{display:block;width:auto;-webkit-box-align:end;-webkit-align-items:flex-end;-ms-flex-align:end;align-items:flex-end;} .exterior-image-1{width:100vw;height:300px;margin-left:-2vw;background-image:url("https://uploads-ssl.webflow.com/59fc88484bd9c800017235df/5a02fe72838e2f0001346dee_exterior-image-1-mobile.jpg");background-size:cover;box-shadow:none;} .exterior-image-2{display:none;margin-top:-50px;margin-left:230px;} .exterior-image-3{display:none;} .standart-text{font-size:14px;line-height:24px;} .quote-div{margin-top:40px;} .quote-line.quote-bottom-line{font-size:16px;line-height:22px;} .quote-ab{font-size:16px;} ._16pt-italic{font-size:14px;} } @media (max-width: 479px){ h2{text-align:center;} .section.first-section{padding-top:40px;} .exterior-image-1{height:200px;background-position:50% 50%;background-size:cover;} .desing-text-div{text-align:left;} .quote-line{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;} .quote-line.quote-bottom-line{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;line-height:30px;} .quote-sing{margin-right:0px;margin-bottom:20px;} .quote-ab{font-size:15px;line-height:25px;} ._16pt-italic{display:inline-block;line-height:22px;} .first-h2{text-align:left;} } /*! CSS Used fontfaces */ @font-face{font-family:proxima-nova;src:url(https://use.typekit.net/af/55bd39/00000000000000003b9b093f/27/l?primer=3a6076633bc77831ac9fb811601de898b4ca8cd1e0aff02d16b23a013090f4db&fvd=n9&v=3) format("woff2"),url(https://use.typekit.net/af/55bd39/00000000000000003b9b093f/27/d?primer=3a6076633bc77831ac9fb811601de898b4ca8cd1e0aff02d16b23a013090f4db&fvd=n9&v=3) format("woff"),url(https://use.typekit.net/af/55bd39/00000000000000003b9b093f/27/a?primer=3a6076633bc77831ac9fb811601de898b4ca8cd1e0aff02d16b23a013090f4db&fvd=n9&v=3) format("opentype");font-weight:900;font-style:normal;} @font-face{font-family:proxima-nova;src:url(https://use.typekit.net/af/71f83c/00000000000000003b9b093b/27/l?primer=3a6076633bc77831ac9fb811601de898b4ca8cd1e0aff02d16b23a013090f4db&fvd=n7&v=3) format("woff2"),url(https://use.typekit.net/af/71f83c/00000000000000003b9b093b/27/d?primer=3a6076633bc77831ac9fb811601de898b4ca8cd1e0aff02d16b23a013090f4db&fvd=n7&v=3) format("woff"),url(https://use.typekit.net/af/71f83c/00000000000000003b9b093b/27/a?primer=3a6076633bc77831ac9fb811601de898b4ca8cd1e0aff02d16b23a013090f4db&fvd=n7&v=3) format("opentype");font-weight:700;font-style:normal;} @font-face{font-family:proxima-nova;src:url(https://use.typekit.net/af/a3eee8/00000000000000003b9b093c/27/l?primer=3a6076633bc77831ac9fb811601de898b4ca8cd1e0aff02d16b23a013090f4db&fvd=n8&v=3) format("woff2"),url(https://use.typekit.net/af/a3eee8/00000000000000003b9b093c/27/d?primer=3a6076633bc77831ac9fb811601de898b4ca8cd1e0aff02d16b23a013090f4db&fvd=n8&v=3) format("woff"),url(https://use.typekit.net/af/a3eee8/00000000000000003b9b093c/27/a?primer=3a6076633bc77831ac9fb811601de898b4ca8cd1e0aff02d16b23a013090f4db&fvd=n8&v=3) format("opentype");font-weight:800;font-style:normal;} @font-face{font-family:proxima-nova;src:url(https://use.typekit.net/af/27776b/00000000000000003b9b0939/27/l?primer=3a6076633bc77831ac9fb811601de898b4ca8cd1e0aff02d16b23a013090f4db&fvd=n6&v=3) format("woff2"),url(https://use.typekit.net/af/27776b/00000000000000003b9b0939/27/d?primer=3a6076633bc77831ac9fb811601de898b4ca8cd1e0aff02d16b23a013090f4db&fvd=n6&v=3) format("woff"),url(https://use.typekit.net/af/27776b/00000000000000003b9b0939/27/a?primer=3a6076633bc77831ac9fb811601de898b4ca8cd1e0aff02d16b23a013090f4db&fvd=n6&v=3) format("opentype");font-weight:600;font-style:normal;} @font-face{font-family:proxima-nova;src:url(https://use.typekit.net/af/4838bd/00000000000000003b9b0934/27/l?primer=3a6076633bc77831ac9fb811601de898b4ca8cd1e0aff02d16b23a013090f4db&fvd=n4&v=3) format("woff2"),url(https://use.typekit.net/af/4838bd/00000000000000003b9b0934/27/d?primer=3a6076633bc77831ac9fb811601de898b4ca8cd1e0aff02d16b23a013090f4db&fvd=n4&v=3) format("woff"),url(https://use.typekit.net/af/4838bd/00000000000000003b9b0934/27/a?primer=3a6076633bc77831ac9fb811601de898b4ca8cd1e0aff02d16b23a013090f4db&fvd=n4&v=3) format("opentype");font-weight:400;font-style:normal;} @font-face{font-family:proxima-nova;src:url(https://use.typekit.net/af/6aec08/00000000000000003b9b0935/27/l?primer=3a6076633bc77831ac9fb811601de898b4ca8cd1e0aff02d16b23a013090f4db&fvd=i4&v=3) format("woff2"),url(https://use.typekit.net/af/6aec08/00000000000000003b9b0935/27/d?primer=3a6076633bc77831ac9fb811601de898b4ca8cd1e0aff02d16b23a013090f4db&fvd=i4&v=3) format("woff"),url(https://use.typekit.net/af/6aec08/00000000000000003b9b0935/27/a?primer=3a6076633bc77831ac9fb811601de898b4ca8cd1e0aff02d16b23a013090f4db&fvd=i4&v=3) format("opentype");font-weight:400;font-style:italic;} @font-face{font-family:proxima-nova;src:url(https://use.typekit.net/af/437c3d/00000000000000003b9b0932/27/l?primer=3a6076633bc77831ac9fb811601de898b4ca8cd1e0aff02d16b23a013090f4db&fvd=n3&v=3) format("woff2"),url(https://use.typekit.net/af/437c3d/00000000000000003b9b0932/27/d?primer=3a6076633bc77831ac9fb811601de898b4ca8cd1e0aff02d16b23a013090f4db&fvd=n3&v=3) format("woff"),url(https://use.typekit.net/af/437c3d/00000000000000003b9b0932/27/a?primer=3a6076633bc77831ac9fb811601de898b4ca8cd1e0aff02d16b23a013090f4db&fvd=n3&v=3) format("opentype");font-weight:300;font-style:normal;} @font-face{font-family:proxima-nova;src:url(https://use.typekit.net/af/f02b29/00000000000000003b9b0933/27/l?primer=3a6076633bc77831ac9fb811601de898b4ca8cd1e0aff02d16b23a013090f4db&fvd=i3&v=3) format("woff2"),url(https://use.typekit.net/af/f02b29/00000000000000003b9b0933/27/d?primer=3a6076633bc77831ac9fb811601de898b4ca8cd1e0aff02d16b23a013090f4db&fvd=i3&v=3) format("woff"),url(https://use.typekit.net/af/f02b29/00000000000000003b9b0933/27/a?primer=3a6076633bc77831ac9fb811601de898b4ca8cd1e0aff02d16b23a013090f4db&fvd=i3&v=3) format("opentype");font-weight:300;font-style:italic;} @font-face{font-family:proxima-nova;src:url(https://use.typekit.net/af/3331e6/00000000000000003b9b0936/27/l?primer=3a6076633bc77831ac9fb811601de898b4ca8cd1e0aff02d16b23a013090f4db&fvd=n5&v=3) format("woff2"),url(https://use.typekit.net/af/3331e6/00000000000000003b9b0936/27/d?primer=3a6076633bc77831ac9fb811601de898b4ca8cd1e0aff02d16b23a013090f4db&fvd=n5&v=3) format("woff"),url(https://use.typekit.net/af/3331e6/00000000000000003b9b0936/27/a?primer=3a6076633bc77831ac9fb811601de898b4ca8cd1e0aff02d16b23a013090f4db&fvd=n5&v=3) format("opentype");font-weight:500;font-style:normal;} @font-face{font-family:'Vollkorn';font-style:italic;font-weight:400;src:local('Vollkorn Italic'), local('Vollkorn-Italic'), url(https://fonts.gstatic.com/s/vollkorn/v8/0yb7GDoxxrvAnPhYGxksWEIeqTo29TfO-Q.woff2) format('woff2');unicode-range:U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;} @font-face{font-family:'Vollkorn';font-style:italic;font-weight:400;src:local('Vollkorn Italic'), local('Vollkorn-Italic'), url(https://fonts.gstatic.com/s/vollkorn/v8/0yb7GDoxxrvAnPhYGxksWEseqTo29TfO-Q.woff2) format('woff2');unicode-range:U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;} @font-face{font-family:'Vollkorn';font-style:italic;font-weight:400;src:local('Vollkorn Italic'), local('Vollkorn-Italic'), url(https://fonts.gstatic.com/s/vollkorn/v8/0yb7GDoxxrvAnPhYGxksWEweqTo29TfO-Q.woff2) format('woff2');unicode-range:U+0370-03FF;} @font-face{font-family:'Vollkorn';font-style:italic;font-weight:400;src:local('Vollkorn Italic'), local('Vollkorn-Italic'), url(https://fonts.gstatic.com/s/vollkorn/v8/0yb7GDoxxrvAnPhYGxksWEAeqTo29TfO-Q.woff2) format('woff2');unicode-range:U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;} @font-face{font-family:'Vollkorn';font-style:italic;font-weight:400;src:local('Vollkorn Italic'), local('Vollkorn-Italic'), url(https://fonts.gstatic.com/s/vollkorn/v8/0yb7GDoxxrvAnPhYGxksWEEeqTo29TfO-Q.woff2) format('woff2');unicode-range:U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;} @font-face{font-family:'Vollkorn';font-style:italic;font-weight:400;src:local('Vollkorn Italic'), local('Vollkorn-Italic'), url(https://fonts.gstatic.com/s/vollkorn/v8/0yb7GDoxxrvAnPhYGxksWE8eqTo29Tc.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;} @font-face{font-family:'Vollkorn';font-style:italic;font-weight:700;src:local('Vollkorn Bold Italic'), local('Vollkorn-BoldItalic'), url(https://fonts.gstatic.com/s/vollkorn/v8/0yb4GDoxxrvAnPhYGxksUPQ7vBoU-B308DK2GA.woff2) format('woff2');unicode-range:U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;} @font-face{font-family:'Vollkorn';font-style:italic;font-weight:700;src:local('Vollkorn Bold Italic'), local('Vollkorn-BoldItalic'), url(https://fonts.gstatic.com/s/vollkorn/v8/0yb4GDoxxrvAnPhYGxksUPQ7vBMU-B308DK2GA.woff2) format('woff2');unicode-range:U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;} @font-face{font-family:'Vollkorn';font-style:italic;font-weight:700;src:local('Vollkorn Bold Italic'), local('Vollkorn-BoldItalic'), url(https://fonts.gstatic.com/s/vollkorn/v8/0yb4GDoxxrvAnPhYGxksUPQ7vBQU-B308DK2GA.woff2) format('woff2');unicode-range:U+0370-03FF;} @font-face{font-family:'Vollkorn';font-style:italic;font-weight:700;src:local('Vollkorn Bold Italic'), local('Vollkorn-BoldItalic'), url(https://fonts.gstatic.com/s/vollkorn/v8/0yb4GDoxxrvAnPhYGxksUPQ7vBgU-B308DK2GA.woff2) format('woff2');unicode-range:U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;} @font-face{font-family:'Vollkorn';font-style:italic;font-weight:700;src:local('Vollkorn Bold Italic'), local('Vollkorn-BoldItalic'), url(https://fonts.gstatic.com/s/vollkorn/v8/0yb4GDoxxrvAnPhYGxksUPQ7vBkU-B308DK2GA.woff2) format('woff2');unicode-range:U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;} @font-face{font-family:'Vollkorn';font-style:italic;font-weight:700;src:local('Vollkorn Bold Italic'), local('Vollkorn-BoldItalic'), url(https://fonts.gstatic.com/s/vollkorn/v8/0yb4GDoxxrvAnPhYGxksUPQ7vBcU-B308DI.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;} @font-face{font-family:'Vollkorn';font-style:normal;font-weight:400;src:local('Vollkorn Regular'), local('Vollkorn-Regular'), url(https://fonts.gstatic.com/s/vollkorn/v8/0yb9GDoxxrvAnPhYGxkkaE0Urhg0xTY.woff2) format('woff2');unicode-range:U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;} @font-face{font-family:'Vollkorn';font-style:normal;font-weight:400;src:local('Vollkorn Regular'), local('Vollkorn-Regular'), url(https://fonts.gstatic.com/s/vollkorn/v8/0yb9GDoxxrvAnPhYGxktaE0Urhg0xTY.woff2) format('woff2');unicode-range:U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;} @font-face{font-family:'Vollkorn';font-style:normal;font-weight:400;src:local('Vollkorn Regular'), local('Vollkorn-Regular'), url(https://fonts.gstatic.com/s/vollkorn/v8/0yb9GDoxxrvAnPhYGxkqaE0Urhg0xTY.woff2) format('woff2');unicode-range:U+0370-03FF;} @font-face{font-family:'Vollkorn';font-style:normal;font-weight:400;src:local('Vollkorn Regular'), local('Vollkorn-Regular'), url(https://fonts.gstatic.com/s/vollkorn/v8/0yb9GDoxxrvAnPhYGxkmaE0Urhg0xTY.woff2) format('woff2');unicode-range:U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;} @font-face{font-family:'Vollkorn';font-style:normal;font-weight:400;src:local('Vollkorn Regular'), local('Vollkorn-Regular'), url(https://fonts.gstatic.com/s/vollkorn/v8/0yb9GDoxxrvAnPhYGxknaE0Urhg0xTY.woff2) format('woff2');unicode-range:U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;} @font-face{font-family:'Vollkorn';font-style:normal;font-weight:400;src:local('Vollkorn Regular'), local('Vollkorn-Regular'), url(https://fonts.gstatic.com/s/vollkorn/v8/0yb9GDoxxrvAnPhYGxkpaE0Urhg0.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;} @font-face{font-family:'Vollkorn';font-style:normal;font-weight:700;src:local('Vollkorn Bold'), local('Vollkorn-Bold'), url(https://fonts.gstatic.com/s/vollkorn/v8/0yb6GDoxxrvAnPhYGxGSTVg0jBUe_z_2wDM.woff2) format('woff2');unicode-range:U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;} @font-face{font-family:'Vollkorn';font-style:normal;font-weight:700;src:local('Vollkorn Bold'), local('Vollkorn-Bold'), url(https://fonts.gstatic.com/s/vollkorn/v8/0yb6GDoxxrvAnPhYGxGSTVg9jBUe_z_2wDM.woff2) format('woff2');unicode-range:U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;} @font-face{font-family:'Vollkorn';font-style:normal;font-weight:700;src:local('Vollkorn Bold'), local('Vollkorn-Bold'), url(https://fonts.gstatic.com/s/vollkorn/v8/0yb6GDoxxrvAnPhYGxGSTVg6jBUe_z_2wDM.woff2) format('woff2');unicode-range:U+0370-03FF;} @font-face{font-family:'Vollkorn';font-style:normal;font-weight:700;src:local('Vollkorn Bold'), local('Vollkorn-Bold'), url(https://fonts.gstatic.com/s/vollkorn/v8/0yb6GDoxxrvAnPhYGxGSTVg2jBUe_z_2wDM.woff2) format('woff2');unicode-range:U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;} @font-face{font-family:'Vollkorn';font-style:normal;font-weight:700;src:local('Vollkorn Bold'), local('Vollkorn-Bold'), url(https://fonts.gstatic.com/s/vollkorn/v8/0yb6GDoxxrvAnPhYGxGSTVg3jBUe_z_2wDM.woff2) format('woff2');unicode-range:U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;} @font-face{font-family:'Vollkorn';font-style:normal;font-weight:700;src:local('Vollkorn Bold'), local('Vollkorn-Bold'), url(https://fonts.gstatic.com/s/vollkorn/v8/0yb6GDoxxrvAnPhYGxGSTVg5jBUe_z_2.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;} </style> <script> window.console = window.console || function(t) {}; </script> <script> if (document.location.search.match(/type=embed/gi)) { window.parent.postMessage("resize", "*"); } </script> </head> <body translate="no"> <div class="section first-section"><div class="cz exterior-cz"><div class="exterior-images-div"><div data-w-id="b6ae5c1b-083d-c961-1913-8cfe25f84ad2" class="exterior-image-1" style="will-change: transform; transform: translate3d(0px, 16.5786px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg); transform-style: preserve-3d;"></div><div data-w-id="b6ae5c1b-083d-c961-1913-8cfe25f84ad3" class="exterior-image-2" style="will-change: transform; transform: translate3d(0px, -40px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg); transform-style: preserve-3d;"></div><div data-w-id="b6ae5c1b-083d-c961-1913-8cfe25f84ad4" class="exterior-image-3" style="will-change: transform; transform: translate3d(0px, -30px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg); transform-style: preserve-3d;"></div></div><div class="desing-text-div"><h2 class="first-h2">Geely Atlas� � мечта<br>без компромиссов</h2><div class="standart-text">Geely Atlas создан под руководством Питера Хорбери и его европейской команды. Он объединяет в себе безопасность, качество и стиль и предназначен для всех, у кого есть мечты. Но самое главное, с ним Вам больше не придется идти на компромисс между желанием и реальностью.</div><div class="quote-div"><div class="quote-line"><div class="quote-sing"></div><div class="quote-ab">Весь мир открыт для вас, если у вас есть надежный друг, готовый к приключениям. Atlas будет следовать за вами везде. Вам просто нужно сесть за руль и поехать.</div></div></div><div class="quote-div quote-botom-div"><div class="quote-line quote-bottom-line"><div class="peter-image"></div><div>Питер Хорбери<br> <span class="_16pt-italic">Вице-президент Geely по дизайну</span></div></div></div></div></div></div> <script src="https://static.codepen.io/assets/common/stopExecutionOnTimeout-de7e2ef6bfefd24b79a3f68b414b87b8db5b08439cac3f1012092b2290c719cd.js"></script> <script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js'></script> <script src='https://uploads-ssl.webflow.com/59fc88484bd9c800017235df/js/geely-atlas.a83a3c196.js'></script> <script id="rendered-js"> $(document).ready(function () { $('#extphoto div:nth-child(3)').trigger('tap'); }); //# sourceURL=pen.js </script> </body> </html>

Related: See More


Questions / Comments: