Skip to content

B
bobcat-su_full
Commit 6b91fa2f authored by Sergey's avatar Sergey
Browse files
Options

Add link-list-red

parent bb2bcf3f
Hide whitespace changes
Inline Side-by-side
Showing with 238 additions and 0 deletions
src/img/sprite/svg/adr.svg 0 → 100644
View file @ 6b91fa2f
<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 36 36">
<metadata><?xpacket begin="" id="W5M0MpCehiHzreSzNTczkc9d"?>
<x:xmpmeta xmlns:x="adobe:ns:meta/" x:xmptk="Adobe XMP Core 5.6-c140 79.160451, 2017/05/06-01:08:21 ">
<rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#">
<rdf:Description rdf:about=""/>
</rdf:RDF>
</x:xmpmeta>
<?xpacket end="w"?></metadata>
<defs>
<style>
.cls-1 {
fill: #fff;
fill-rule: evenodd;
}
</style>
</defs>
<path id="Эллипс_2" data-name="Эллипс 2" class="cls-1" d="M1279,2111a18,18,0,1,1-18,18A18,18,0,0,1,1279,2111Zm3.31,31.01-5.32-10.05-11,2.14,18.01-16.08Z" transform="translate(-1261 -2111)"/>
</svg>
src/img/sprite/svg/pdf.svg 0 → 100644
View file @ 6b91fa2f
<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 36 36">
<metadata><?xpacket begin="" id="W5M0MpCehiHzreSzNTczkc9d"?>
<x:xmpmeta xmlns:x="adobe:ns:meta/" x:xmptk="Adobe XMP Core 5.6-c140 79.160451, 2017/05/06-01:08:21 ">
<rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#">
<rdf:Description rdf:about=""/>
</rdf:RDF>
</x:xmpmeta>
<?xpacket end="w"?></metadata>
<defs>
<style>
.cls-1 {
fill: #fff;
fill-rule: evenodd;
}
</style>
</defs>
<path id="Фигура_21" data-name="Фигура 21" class="cls-1" d="M606,2147a18,18,0,1,1,18-18A18,18,0,0,1,606,2147Zm-9-31h14.646c1.33,1.32,2.66,2.63,3.99,3.95,0.455,0.44.909,0.89,1.364,1.33v18.73h-4.714v-0.02H612.3c0.286-.34.572-0.69,0.859-1.03h2.761v-16.67h-3.452a3.23,3.23,0,0,1-1.4-.11,2.029,2.029,0,0,1-.185-1.35v-3.78H598.077v3.3H610.1v0.8a3.823,3.823,0,0,0,.033.96,1.383,1.383,0,0,0,1.061.95,5.012,5.012,0,0,0,1.027.01v3.97H598.077v11.92h7.576l0.876,1.05H597V2116Zm14.949,5.23h3.216v-0.02c-0.786-.77-1.571-1.54-2.357-2.3-0.2-.2-0.393-0.39-0.589-0.59a0.975,0.975,0,0,0-.27-0.24v3.15Zm-13.451.43v4.09h0.943v-1.5c1.122,0.01,1.821.02,2.155-.76a1.578,1.578,0,0,0,.084-0.87,1.478,1.478,0,0,0-.2-0.48,1.3,1.3,0,0,0-.64-0.43,3.531,3.531,0,0,0-.875-0.05H598.5Zm3.721,0v4.09a7.792,7.792,0,0,0,2.576-.17c1.052-.46,1.2-2.42.488-3.37C604.75,2121.5,603.452,2121.66,602.219,2121.66Zm4.057,0v4.09h0.943v-1.68h1.666a2.981,2.981,0,0,0,.017-0.8,2.384,2.384,0,0,0-.538-0.01h-1.128a2.947,2.947,0,0,1-.017-0.79,2.567,2.567,0,0,1,.623-0.01h1.313v-0.8h-2.879Zm-6.835.8c0.587-.02,1.189-0.06,1.3.43a0.434,0.434,0,0,1-.033.2c-0.146.42-.693,0.37-1.263,0.36v-0.99Zm3.737,0a2.26,2.26,0,0,1,1.28.2,2.182,2.182,0,0,1,.084,2.04,1.864,1.864,0,0,1-1.364.25v-2.49Zm3.99,9.25h4.5v0.03a2.692,2.692,0,0,0,0,.46v4.77h1.97v0.02a1.1,1.1,0,0,0-.185.23c-0.125.16-.276,0.31-0.4,0.48-0.071.09-.182,0.17-0.253,0.27-0.287.37-.606,0.71-0.892,1.09-0.081.11-.2,0.2-0.286,0.3-0.164.18-.306,0.39-0.455,0.58-0.3.4-.67,0.76-0.976,1.16a9.035,9.035,0,0,0-.758.9h-0.017v-0.02a2.719,2.719,0,0,1-.488-0.58c-0.277-.36-0.612-0.69-0.892-1.06-0.123-.16-0.3-0.3-0.421-0.47-0.587-.77-1.267-1.46-1.852-2.24-0.173-.23-0.413-0.42-0.572-0.66h1.986v-5.26Z" transform="translate(-588 -2111)"/>
</svg>
src/img/sprite/svg/rub.svg 0 → 100644
View file @ 6b91fa2f
<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 36 36">
<metadata><?xpacket begin="" id="W5M0MpCehiHzreSzNTczkc9d"?>
<x:xmpmeta xmlns:x="adobe:ns:meta/" x:xmptk="Adobe XMP Core 5.6-c140 79.160451, 2017/05/06-01:08:21 ">
<rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#">
<rdf:Description rdf:about=""/>
</rdf:RDF>
</x:xmpmeta>
<?xpacket end="w"?></metadata>
<defs>
<style>
.cls-1 {
fill: #fff;
fill-rule: evenodd;
}
</style>
</defs>
<path id="Фигура_19" data-name="Фигура 19" class="cls-1" d="M1061.79,2111.02a13.638,13.638,0,0,1,2.89.11c0.36,0.02.71,0.05,1.07,0.07a26.034,26.034,0,0,1,4.14,1.18,17.861,17.861,0,0,1,9.6,9.61,24.223,24.223,0,0,1,1.06,3.15c0.1,0.57.2,1.15,0.3,1.72,0.01,0.25.02,0.49,0.03,0.74a6.012,6.012,0,0,1,.04,2.2v0.58c-0.09.41-.04,0.86-0.15,1.29a27.326,27.326,0,0,1-1.21,4.29c-2.12,4.88-5.65,7.96-10.63,10.01a23.536,23.536,0,0,1-3.26.81c-0.43.1-.9,0.05-1.32,0.14h-0.58a6.083,6.083,0,0,1-2.13-.03h-0.44c-0.5-.12-1.03-0.09-1.54-0.22a25.245,25.245,0,0,1-3.74-1.18,17.8,17.8,0,0,1-9.42-9.31c-0.35-.81-0.55-1.6-0.84-2.5-0.24-.73-0.32-1.59-0.51-2.42-0.03-.45-0.05-0.9-0.08-1.35a5.286,5.286,0,0,1,0-1.73v-0.62c0.08-.33.03-0.71,0.11-1.06a23.554,23.554,0,0,1,.85-3.52,18.331,18.331,0,0,1,10.22-10.68,25.272,25.272,0,0,1,3.63-1.02C1060.52,2111.19,1061.15,2111.11,1061.79,2111.02Zm-4.04,16.91c-1.57-.03-2.98.15-2.82,1.83,0.04,0.16.08,0.32,0.11,0.48,0.37,0.83,1.53.95,2.71,0.95v2.02a5.2,5.2,0,0,1-1.43.03,1.682,1.682,0,0,1-.4.11,1.947,1.947,0,0,0-.84.74,1.62,1.62,0,0,0,.84,2.23,5.72,5.72,0,0,0,1.83.15c-0.02,1.93-.29,3.72,1.29,4.11a1.425,1.425,0,0,0,.99-0.22c1.15-.62.86-2.18,0.84-3.89,1.59-.01,3.18-0.02,4.77-0.04l2.05-.03a2.3,2.3,0,0,0,.44-0.33,1.481,1.481,0,0,0,.69-1.51,1.836,1.836,0,0,0-1.21-1.32h-6.7v-0.03h-0.04v-2.02c1.37-.02,2.74-0.05,4.11-0.07a13.613,13.613,0,0,0,2.82-.11,6.989,6.989,0,0,0,5.2-8.62,8.037,8.037,0,0,0-1.13-2.27,7.058,7.058,0,0,0-4.04-2.65c-0.46-.12-0.98.04-1.5-0.07a7.446,7.446,0,0,0-1.35-.04h-2.64c-1.4,0-3.61-.27-4.22.55-0.48.65-.37,1.97-0.37,3.09v6.93Zm3.12,0c0-2.48-.03-4.99.07-7.37h0.08a2.451,2.451,0,0,1,.91-0.04h2.31c0.58,0,1.21.02,1.72,0.04l1.21,0.03a3.6,3.6,0,0,1,2.75,3.6c-0.01.29-.02,0.58-0.03,0.88a3.788,3.788,0,0,1-2.53,2.75,8.523,8.523,0,0,1-2.24.11h-4.25Z" transform="translate(-1045 -2111)"/>
</svg>
src/img/sprite/svg/test-drive.svg 0 → 100644
View file @ 6b91fa2f
<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 36 36">
<metadata><?xpacket begin="" id="W5M0MpCehiHzreSzNTczkc9d"?>
<x:xmpmeta xmlns:x="adobe:ns:meta/" x:xmptk="Adobe XMP Core 5.6-c140 79.160451, 2017/05/06-01:08:21 ">
<rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#">
<rdf:Description rdf:about=""/>
</rdf:RDF>
</x:xmpmeta>
<?xpacket end="w"?></metadata>
<defs>
<style>
.cls-1 {
fill: #fff;
fill-rule: evenodd;
}
</style>
</defs>
<path id="Фигура_20" data-name="Фигура 20" class="cls-1" d="M828,2147a18,18,0,1,1,18-18A18,18,0,0,1,828,2147Zm8.854-21.97a6.437,6.437,0,0,0-.215-0.88,6.242,6.242,0,0,0-4.013-3.85c-0.368-.12-0.764-0.15-1.158-0.24a5.287,5.287,0,0,0-2.289.21,6.177,6.177,0,0,0-4.093,3.63,6.357,6.357,0,0,0-.027,4.58,2.915,2.915,0,0,0,.323.8,1.312,1.312,0,0,1-.458.52c-0.386.38-.772,0.77-1.157,1.15-1.078,1.08-2.155,2.15-3.232,3.23l-1.077,1.08a3.3,3.3,0,0,1-.458.45V2138h4.524v-2.26h2.235v-2.23h2.262c0.108-.12.216-0.24,0.324-0.35,0.332-.32.664-0.65,1-0.97a1.3,1.3,0,0,1,.512.11,5.3,5.3,0,0,0,1.508.08c0.278-.05.556-0.09,0.834-0.14a6.476,6.476,0,0,0,1.643-.64,6.6,6.6,0,0,0,2.693-3.04,8.248,8.248,0,0,0,.35-1.16A5.411,5.411,0,0,0,836.854,2125.03Zm-4.362.62a1.69,1.69,0,0,1-1.428-2.55,1.9,1.9,0,0,1,.781-0.68,5.7,5.7,0,0,0,.62-0.13c0.17,0.03.341,0.05,0.511,0.08a1.907,1.907,0,0,1,1.078,1.02A1.72,1.72,0,0,1,832.492,2125.65Z" transform="translate(-810 -2111)"/>
</svg>
src/index.html
View file @ 6b91fa2f
......@@ -8,4 +8,6 @@
//= template/news-main/index.html
//= template/link-list-red/index.html
//= template/common/footer.html
\ No newline at end of file
src/scss/link-list-red/link-list-red.scss 0 → 100644
View file @ 6b91fa2f
@import "../settings/color";
.link-list-red{
background: $link-list;
}
.link-list-red__list{
display: flex;
justify-content: center;
align-items: center;
list-style-type: none;
margin: 0;
padding: 8px 0;
}
.link-list-red__item{
padding: 0 40px;
position: relative;
&:after{
content: "";
display: inline-block;
position: absolute;
top: 50%;
right: 0;
background: $white-text;
width: 1px;
height: 80%;
transform: translateY(-50%);
}
&:last-child{
&:after{
content: "";
display: none;
}
}
}
.link-list-red__link{
text-decoration: none;
display: flex;
color: $white-text;
align-items: center;
}
.link-list-red__ico{
width: 35px;
height: 35px;
fill: $white-text;
margin-right: 15px;
}
\ No newline at end of file
src/scss/settings/color.scss
View file @ 6b91fa2f
$red-color: #e33000;
$link-list: #ff3600;
$white-text: #fefefe;
$menu-list: #232021;
$about-bg: #dfdfdf;
......
src/template/link-list-red/index.html 0 → 100644
View file @ 6b91fa2f
<div class="link-list-red">
<div class="wrapper link-list-red__wrapper">
<ul class="link-list-red__list">
<li class="link-list-red__item"><a class="link-list-red__link" href="#">
<svg class="link-list-red__ico">
<use xlink:href="img/sprite-vector.svg#pdf"></use>
</svg>
<p class="link-list-red__text">Прайслист</p></a>
</li>
<li class="link-list-red__item"><a class="link-list-red__link" href="#">
<svg class="link-list-red__ico">
<use xlink:href="img/sprite-vector.svg#test-drive"></use>
</svg>
<p class="link-list-red__text">Тестдрайв</p></a>
</li>
<li class="link-list-red__item"><a class="link-list-red__link" href="#">
<svg class="link-list-red__ico">
<use xlink:href="img/sprite-vector.svg#rub"></use>
</svg>
<p class="link-list-red__text">Запрос цены</p></a></li>
<li class="link-list-red__item"><a class="link-list-red__link" href="#">
<svg class="link-list-red__ico">
<use xlink:href="img/sprite-vector.svg#adr"></use>
</svg>
<p class="link-list-red__text">Адрес</p></a></li>
</ul>
</div>
</div>
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment