Skip to content

Commit 6d4bb76

Browse files
EmpriseJacobEmpriseJacob
committed
feat: add starter project for 05 design
1 parent 10de6bc commit 6d4bb76

File tree

14 files changed

+97
-0
lines changed

14 files changed

+97
-0
lines changed

‎.DS_Store

6 KB
Binary file not shown.

‎final/.DS_Store

6 KB
Binary file not shown.

‎starter/.DS_Store

6 KB
Binary file not shown.

‎starter/05-Design-personal/.DS_Store

6 KB
Binary file not shown.

‎starter/05-Design-personal/images/chair-1.jpg

145 KB
Loading

‎starter/05-Design-personal/images/chair-2.jpg

70.2 KB
Loading

‎starter/05-Design-personal/images/chair-3.jpg

69.3 KB
Loading

‎starter/05-Design-personal/images/customers.jpg

196 KB
Loading

‎starter/05-Design-personal/images/hero.jpg

123 KB
Loading

‎starter/05-Design-personal/pages/index.html

Lines changed: 27 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,27 @@
1+
<!DOCTYPE html>
2+
<html>
3+
<head>
4+
<title>Libson Chair Shop</title>
5+
<meta charset="UTF-8" />
6+
<link href="../styles/styles.css" rel="stylesheet" />
7+
</head>
8+
<body>
9+
<div class="container">
10+
<article class="hero">
11+
<div>
12+
<h2 class="hero__title">
13+
We design and build better chairs, for a better life
14+
</h2>
15+
<p class="hero__text">
16+
In a small shop in the heart of Lisbon, we spend our days relentlessly perfecting the chair.
17+
The result is a perfect blend of beauty and comfort, that will have a lasting impact on your health.
18+
</p>
19+
<a class="hero__link" href="">
20+
Shop Chairs &rarr;
21+
</a>
22+
</div>
23+
<img class="hero__image" src="../images/hero.jpg" alt="Hero Chair" />
24+
</article>
25+
</div>
26+
</body>
27+
</html>

‎starter/05-Design-personal/styles/components/hero.css

Lines changed: 36 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,36 @@
1+
/*
2+
SPACING SYSTEM (px)
3+
2 / 4 / 8 / 12 / 16 / 24 / 32 / 48 / 64 / 80 / 96 / 128
4+
5+
FONT SIZE SYSTEM (px)
6+
10 / 12 / 14 / 16 / 18 / 20 / 24 / 30 / 36 / 44 / 52 / 62 / 74 / 86 / 98
7+
*/
8+
9+
.hero {
10+
display: flex;
11+
align-items: center;
12+
gap: 80px;
13+
}
14+
15+
.hero__title {
16+
margin-bottom: 24px;
17+
font-size: 36px;
18+
}
19+
20+
.hero__text {
21+
margin-bottom: 24px;
22+
letter-spacing: 0.1px;
23+
line-height: 1.5;
24+
}
25+
26+
.hero__link {
27+
28+
}
29+
30+
.hero__link:visited {
31+
color: orange;
32+
}
33+
34+
.hero__image {
35+
width: 440px;
36+
}

‎starter/05-Design-personal/styles/styles.css

Lines changed: 23 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,23 @@
1+
@import 'utility.css';
2+
@import 'components/hero.css';
3+
4+
* {
5+
margin: 0;
6+
padding: 0;
7+
box-sizing: border-box;
8+
}
9+
10+
html {
11+
height: 100%;
12+
}
13+
14+
body {
15+
min-height: 100%;
16+
font-family: sans-serif;
17+
}
18+
19+
.container {
20+
margin: 48px auto;
21+
width: 60%;
22+
min-width: 600px;
23+
}

‎starter/05-Design-personal/styles/utility.css

Lines changed: 11 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,11 @@
1+
/*
2+
SPACING SYSTEM (px)
3+
2 / 4 / 8 / 12 / 16 / 24 / 32 / 48 / 64 / 80 / 96 / 128
4+
5+
FONT SIZE SYSTEM (px)
6+
10 / 12 / 14 / 16 / 18 / 20 / 24 / 30 / 36 / 44 / 52 / 62 / 74 / 86 / 98
7+
*/
8+
9+
.mb-16 {
10+
margin-bottom: 16px !important;
11+
}

‎starter/05-Design/.DS_Store

6 KB
Binary file not shown.

0 commit comments

Comments
 (0)