File tree Expand file tree Collapse file tree 2 files changed +52
-2
lines changed
starter/07-Omnifood-Desktop Expand file tree Collapse file tree 2 files changed +52
-2
lines changed Original file line number Diff line number Diff line change @@ -15,7 +15,7 @@ Default: 1
15
15
16
16
- Primary: #e67e22
17
17
- Tints: #fdf2e9
18
- - Shades:
18
+ - Shades: #cf711f
19
19
- Accents:
20
20
- Greys:
21
21
#555
44
44
}
45
45
46
46
body {
47
- font-family : sans-serif;
47
+ font-family : "Rubik" , sans-serif;
48
48
line-height : 1 ;
49
49
font-weight : 400 ;
50
50
color : # 555 ;
82
82
.btn : visited {
83
83
display : inline-block;
84
84
font-size : 2rem ;
85
+ font-weight : 600 ;
85
86
text-decoration : none;
86
87
padding : 1.6rem 3.2rem ;
87
88
border-radius : 9px ;
@@ -121,3 +122,33 @@ body {
121
122
.margin-right-sm {
122
123
margin-right : 1.6rem !important ;
123
124
}
125
+
126
+ .delivered-meals {
127
+ display : flex;
128
+ align-items : center;
129
+ gap : 1.6rem ;
130
+ margin-top : 8rem ;
131
+ }
132
+ .delivered-imgs {
133
+ display : flex;
134
+ }
135
+
136
+ .delivered-imgs img {
137
+ height : 4.8rem ;
138
+ width : 4.8rem ;
139
+ border-radius : 50% ;
140
+ margin-right : -1.6rem ;
141
+ border : 3px solid # fdf2e9 ;
142
+ }
143
+ .delivered-imgs img : last-child {
144
+ margin : 0 ;
145
+ }
146
+
147
+ .delivered-text {
148
+ font-size : 1.8rem ;
149
+ font-weight : 600 ;
150
+ }
151
+ .delivered-text span {
152
+ color : # cf711f ;
153
+ font-weight : 700 ;
154
+ }
Original file line number Diff line number Diff line change 5
5
< meta name ="viewport " content ="width=device-width, initial-scale=1.0 " />
6
6
7
7
< link rel ="stylesheet " href ="css/style.css " />
8
+ < link rel ="preconnect " href ="https://fonts.googleapis.com " />
9
+ < link rel ="preconnect " href ="https://fonts.gstatic.com " crossorigin />
10
+ < link
11
+ href ="https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300..900;1,300..900&display=swap "
12
+ rel ="stylesheet "
13
+ />
8
14
< title > Omnifood</ title >
9
15
</ head >
10
16
< body >
@@ -23,6 +29,19 @@ <h1 class="heading-primary">
23
29
> Start eating well</ a
24
30
>
25
31
< a href ="# " class ="btn btn--outline "> Lear more →</ a >
32
+ < div class ="delivered-meals ">
33
+ < div class ="delivered-imgs ">
34
+ < img src ="img/customers/customer-1.jpg " alt ="Customer photo " />
35
+ < img src ="img/customers/customer-2.jpg " alt ="Customer photo " />
36
+ < img src ="img/customers/customer-3.jpg " alt ="Customer photo " />
37
+ < img src ="img/customers/customer-4.jpg " alt ="Customer photo " />
38
+ < img src ="img/customers/customer-5.jpg " alt ="Customer photo " />
39
+ < img src ="img/customers/customer-6.jpg " alt ="Customer photo " />
40
+ </ div >
41
+ < p class ="delivered-text ">
42
+ < span > 250,000+</ span > meals delivered last year!
43
+ </ p >
44
+ </ div >
26
45
</ div >
27
46
< div class ="hero-img-box ">
28
47
< img
You can’t perform that action at this time.
0 commit comments