Skip to content

Commit cfaa757

Browse files
edyerastovedyerastov
committed
Развернул структуру проекта, написал дефолтный сброс, сделал часть шапки, первый блок шапки, стандартные превью товара
1 parent 084fe1b commit cfaa757

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

61 files changed

+39902
-2
lines changed

‎app/css/font-awesome.css

+2,339
Large diffs are not rendered by default.

‎app/css/fonts.css

+61
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,61 @@
1+
/* This stylesheet generated by Transfonter (https://transfonter.org) on August 25, 2017 3:05 PM */
2+
3+
@font-face {
4+
font-family: 'Harmonia_black';
5+
src: url('../fonts/HarmoniaSansProCyr-Black.eot');
6+
src: url('../fonts/HarmoniaSansProCyr-Black.eot?#iefix') format('embedded-opentype'),
7+
url('../fonts/HarmoniaSansProCyr-Black.woff2') format('woff2'),
8+
url('../fonts/HarmoniaSansProCyr-Black.woff') format('woff'),
9+
url('../fonts/HarmoniaSansProCyr-Black.ttf') format('truetype'),
10+
url('../fonts/HarmoniaSansProCyr-Black.svg#HarmoniaSansProCyr-Black') format('svg');
11+
font-weight: 900;
12+
font-style: normal;
13+
}
14+
15+
@font-face {
16+
font-family: 'Harmonia_regular';
17+
src: url('../fonts/HarmoniaSansProCyr-Regular.eot');
18+
src: url('../fonts/HarmoniaSansProCyr-Regular.eot?#iefix') format('embedded-opentype'),
19+
url('../fonts/HarmoniaSansProCyr-Regular.woff2') format('woff2'),
20+
url('../fonts/HarmoniaSansProCyr-Regular.woff') format('woff'),
21+
url('../fonts/HarmoniaSansProCyr-Regular.ttf') format('truetype'),
22+
url('../fonts/HarmoniaSansProCyr-Regular.svg#HarmoniaSansProCyr-Regular') format('svg');
23+
font-weight: normal;
24+
font-style: normal;
25+
}
26+
27+
@font-face {
28+
font-family: 'Harmonia_semibold';
29+
src: url('../fonts/HarmoniaSansProCyr-SemiBd.eot');
30+
src: url('../fonts/HarmoniaSansProCyr-SemiBd.eot?#iefix') format('embedded-opentype'),
31+
url('../fonts/HarmoniaSansProCyr-SemiBd.woff2') format('woff2'),
32+
url('../fonts/HarmoniaSansProCyr-SemiBd.woff') format('woff'),
33+
url('../fonts/HarmoniaSansProCyr-SemiBd.ttf') format('truetype'),
34+
url('../fonts/HarmoniaSansProCyr-SemiBd.svg#HarmoniaSansProCyr-SemiBd') format('svg');
35+
font-weight: 600;
36+
font-style: normal;
37+
}
38+
39+
@font-face {
40+
font-family: 'Harmonia_bold';
41+
src: url('../fonts/HarmoniaSansProCyr-Bold.eot');
42+
src: url('../fonts/HarmoniaSansProCyr-Bold.eot?#iefix') format('embedded-opentype'),
43+
url('../fonts/HarmoniaSansProCyr-Bold.woff2') format('woff2'),
44+
url('../fonts/HarmoniaSansProCyr-Bold.woff') format('woff'),
45+
url('../fonts/HarmoniaSansProCyr-Bold.ttf') format('truetype'),
46+
url('../fonts/HarmoniaSansProCyr-Bold.svg#HarmoniaSansProCyr-Bold') format('svg');
47+
font-weight: bold;
48+
font-style: normal;
49+
}
50+
51+
@font-face {
52+
font-family: 'Harmonia_italic';
53+
src: url('../fonts/HarmoniaSansProCyr-Italic.eot');
54+
src: url('../fonts/HarmoniaSansProCyr-Italic.eot?#iefix') format('embedded-opentype'),
55+
url('../fonts/HarmoniaSansProCyr-Italic.woff2') format('woff2'),
56+
url('../fonts/HarmoniaSansProCyr-Italic.woff') format('woff'),
57+
url('../fonts/HarmoniaSansProCyr-Italic.ttf') format('truetype'),
58+
url('../fonts/HarmoniaSansProCyr-Italic.svg#HarmoniaSansProCyr-Italic') format('svg');
59+
font-weight: normal;
60+
font-style: italic;
61+
}

‎app/css/sprite.css

+96
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,96 @@
1+
/*
2+
Icon classes can be used entirely standalone. They are named after their original file names.
3+
4+
Example usage in HTML:
5+
6+
`display: block` sprite:
7+
<div class="icon-home"></div>
8+
9+
To change `display` (e.g. `display: inline-block;`), we suggest using a common CSS class:
10+
11+
// CSS
12+
.icon {
13+
display: inline-block;
14+
}
15+
16+
// HTML
17+
<i class="icon icon-home"></i>
18+
*/
19+
.icon-add-to-cart-ic {
20+
background-image: url(../img/sprite.png);
21+
background-position: 0px -38px;
22+
width: 22px;
23+
height: 21px;
24+
}
25+
.icon-amex-ic {
26+
background-image: url(../img/sprite.png);
27+
background-position: -27px -19px;
28+
width: 27px;
29+
height: 19px;
30+
}
31+
.icon-cart-hover-ic {
32+
background-image: url(../img/sprite.png);
33+
background-position: -54px -19px;
34+
width: 24px;
35+
height: 17px;
36+
}
37+
.icon-like-ic {
38+
background-image: url(../img/sprite.png);
39+
background-position: 0px -59px;
40+
width: 19px;
41+
height: 16px;
42+
}
43+
.icon-mail-ic {
44+
background-image: url(../img/sprite.png);
45+
background-position: -19px -59px;
46+
width: 18px;
47+
height: 11px;
48+
}
49+
.icon-master-cart-ic {
50+
background-image: url(../img/sprite.png);
51+
background-position: -54px 0px;
52+
width: 27px;
53+
height: 19px;
54+
}
55+
.icon-no-name-cart-1-ic {
56+
background-image: url(../img/sprite.png);
57+
background-position: 0px 0px;
58+
width: 27px;
59+
height: 19px;
60+
}
61+
.icon-no-name-cart-2-ic {
62+
background-image: url(../img/sprite.png);
63+
background-position: 0px -19px;
64+
width: 27px;
65+
height: 19px;
66+
}
67+
.icon-phone-book-ic {
68+
background-image: url(../img/sprite.png);
69+
background-position: -81px 0px;
70+
width: 12px;
71+
height: 12px;
72+
}
73+
.icon-search-ic {
74+
background-image: url(../img/sprite.png);
75+
background-position: -42px -38px;
76+
width: 18px;
77+
height: 18px;
78+
}
79+
.icon-share-ic {
80+
background-image: url(../img/sprite.png);
81+
background-position: -60px -38px;
82+
width: 19px;
83+
height: 17px;
84+
}
85+
.icon-user-ic {
86+
background-image: url(../img/sprite.png);
87+
background-position: -22px -38px;
88+
width: 20px;
89+
height: 21px;
90+
}
91+
.icon-visa-ic {
92+
background-image: url(../img/sprite.png);
93+
background-position: -27px 0px;
94+
width: 27px;
95+
height: 19px;
96+
}

‎app/css/style.css

+122
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,122 @@
1+
/* RESET START */
2+
*{
3+
-webkit-box-sizing: border-box;
4+
box-sizing: border-box;
5+
}
6+
body{
7+
margin: 0;
8+
color: #34404b;
9+
font: 12px/1 'Harmonia_regular', sans-serif;
10+
background-color: #f4f6f8;
11+
}
12+
h1, h2, h3, h4, h5, h6, p{
13+
margin: 0;
14+
}
15+
ul, ol{
16+
margin: 0;
17+
padding: 0;
18+
list-style: none;
19+
}
20+
a{
21+
color: inherit;
22+
text-decoration: none;
23+
}
24+
img{
25+
max-width: 100%;
26+
}
27+
input, textarea, button{
28+
outline: none;
29+
border: none;
30+
}
31+
textarea{
32+
resize: vertical;
33+
}
34+
button{
35+
cursor: pointer;
36+
}
37+
/* RESET END */
38+
39+
/* DEFAULT CLASSES START */
40+
.flex-container{
41+
display: -webkit-box;
42+
display: -webkit-flex;
43+
display: -ms-flexbox;
44+
display: flex;
45+
}
46+
.align-center{
47+
-webkit-box-align: center;
48+
-webkit-align-items: center;
49+
-ms-flex-align: center;
50+
align-items: center;
51+
}
52+
.justify-sp-between{
53+
-webkit-box-pack: justify;
54+
-webkit-justify-content: space-between;
55+
-ms-flex-pack: justify;
56+
justify-content: space-between;
57+
}
58+
.orange-text{
59+
color: #ff5912;
60+
}
61+
/* DEFAULT CLASSES END */
62+
63+
/* DEFAULT COMPONENTS START */
64+
.custom-icon{
65+
display: inline-block;
66+
}
67+
.title{
68+
font-family: 'Harmonia_black';
69+
text-transform: uppercase;
70+
font-size: 36px;
71+
margin-bottom: 25px;
72+
}
73+
.title-big{
74+
font-size: 52px;
75+
}
76+
.subtitle{
77+
display: block;
78+
font-size: 16px;
79+
color: #495662;
80+
margin-bottom: 70px;
81+
}
82+
.default-section{
83+
padding: 60px 0;
84+
}
85+
.item{
86+
background-color: #fff;
87+
padding: 30px 10px;
88+
-webkit-transition: all .3s linear;
89+
-o-transition: all .3s linear;
90+
transition: all .3s linear;
91+
text-align: center;
92+
}
93+
.item:hover{
94+
-webkit-box-shadow: 0 5px 15px 0 rgba(0, 0, 0, .1);
95+
box-shadow: 0 5px 15px 0 rgba(0, 0, 0, .1);
96+
}
97+
.item .item-title{
98+
white-space: nowrap;
99+
overflow: hidden;
100+
-o-text-overflow: ellipsis;
101+
text-overflow: ellipsis;
102+
}
103+
header .top-header{
104+
border-bottom: 1px solid #edeff1;
105+
padding: 20px 0;
106+
}
107+
header .top-header .phone-list li + li{
108+
margin-left: 20px;
109+
}
110+
header .top-header .phone-list li span.custom-icon{
111+
margin-right: 10px;
112+
}
113+
.items-carousel{
114+
min-height: 650px;
115+
background: url("../img/carousel-img-1.jpg") no-repeat center / cover;
116+
margin-bottom: 60px;
117+
}
118+
/* DEFAULT COMPONENTS END */
119+
120+
/* STYLES START */
121+
122+
/* STYLES END */

‎app/fonts/FontAwesome.otf

132 KB
Binary file not shown.

‎app/fonts/HarmoniaSansProCyr-Black.eot

90.3 KB
Binary file not shown.

0 commit comments

Comments
 (0)