diff --git a/assets/css/style.css b/assets/css/style.css new file mode 100644 index 0000000..c3ceaaf --- /dev/null +++ b/assets/css/style.css @@ -0,0 +1,124 @@ +@font-face{ + font-family: "Karla"; + src: url("../fonts/Karla-Regular.ttf"); +} + +*{ + font-family: "Karla"; + margin: 0; + padding: 0; + box-sizing: border-box; +} + +html body{ + width: 100%; +} + +body{ + padding: 0 2vw; +} + +a{ + text-decoration: none; +} + +nav{ + display: flex; + align-items: center; + justify-content: space-between; + padding: 3vh 0; +} + +nav a{ + color:#323A45; + font-weight: bold; +} + +nav ul{ + list-style: none; + display: flex; + align-items: center; + justify-content: flex-end; + gap: 5vw; +} + +nav ul a{ + font-size: 0.8rem; +} + +img{ + width: 100%; + margin-bottom: 2vh; +} + +.bild1, .bild{ + transition: opacity 0.5s ease; +} + +.bild1:hover, .bild:hover{ + opacity: 0.5; +} + +section{ + display: grid; + grid-template-columns: repeat(3, 1fr); + grid-template-rows: auto auto auto; + gap: 20px; + margin-bottom: 5vh; +} + +.bild1{ + grid-column: 1 / 4; +} + +.text{ + display: grid; + grid-template-columns: repeat(2, 1fr); +} + +h2{ + font-size: 1.2em; + font-weight: 400; + color:#000000; +} + +.text > h2{ + text-align: right; +} + +h3{ + font-size: 1.2em; + font-weight: 400; + color: #848484; + margin-bottom: 5vh; +} + +footer{ + font-weight: 400; + display: grid; + grid-template-columns: repeat(2, 2fr 1fr); + gap: 2vw; + padding-bottom: 2vh; +} + +h4{ + font-size: 1.2em; + margin-bottom: 4vh; +} + +.bold{ + font-weight: bold; +} + +footer a, footer > p{ + color: #656b72; +} + +footer div:nth-child(even){ + display: flex; + flex-direction: column; +} + +.italic{ + font-style: italic; +} \ No newline at end of file diff --git a/assets/fonts/Karla-Regular.ttf b/assets/fonts/Karla-Regular.ttf new file mode 100644 index 0000000..c164d00 Binary files /dev/null and b/assets/fonts/Karla-Regular.ttf differ diff --git a/assets/img/1.png b/assets/img/1.png new file mode 100644 index 0000000..fc9d8d7 Binary files /dev/null and b/assets/img/1.png differ diff --git a/assets/img/c1.png b/assets/img/c1.png new file mode 100644 index 0000000..ed2237d Binary files /dev/null and b/assets/img/c1.png differ diff --git a/assets/img/c22.png b/assets/img/c22.png new file mode 100644 index 0000000..d49d794 Binary files /dev/null and b/assets/img/c22.png differ diff --git a/assets/img/c3.png b/assets/img/c3.png new file mode 100644 index 0000000..fce4f66 Binary files /dev/null and b/assets/img/c3.png differ diff --git a/assets/img/c5.png b/assets/img/c5.png new file mode 100644 index 0000000..63909b2 Binary files /dev/null and b/assets/img/c5.png differ diff --git a/assets/img/c6.png b/assets/img/c6.png new file mode 100644 index 0000000..07bf8ec Binary files /dev/null and b/assets/img/c6.png differ diff --git a/assets/img/d2.png b/assets/img/d2.png new file mode 100644 index 0000000..ab1280b Binary files /dev/null and b/assets/img/d2.png differ diff --git a/assets/img/d4.png b/assets/img/d4.png new file mode 100644 index 0000000..037f15a Binary files /dev/null and b/assets/img/d4.png differ diff --git a/assets/img/d5.png b/assets/img/d5.png new file mode 100644 index 0000000..f1297d3 Binary files /dev/null and b/assets/img/d5.png differ diff --git a/assets/img/d7.png b/assets/img/d7.png new file mode 100644 index 0000000..3a0c2d7 Binary files /dev/null and b/assets/img/d7.png differ diff --git a/assets/img/h13.png b/assets/img/h13.png new file mode 100644 index 0000000..d18fbb8 Binary files /dev/null and b/assets/img/h13.png differ diff --git a/assets/img/h17.png b/assets/img/h17.png new file mode 100644 index 0000000..a24de20 Binary files /dev/null and b/assets/img/h17.png differ diff --git a/assets/img/h2.png b/assets/img/h2.png new file mode 100644 index 0000000..38f41fc Binary files /dev/null and b/assets/img/h2.png differ diff --git a/assets/img/h4.png b/assets/img/h4.png new file mode 100644 index 0000000..f87ffbf Binary files /dev/null and b/assets/img/h4.png differ diff --git a/assets/img/h6.png b/assets/img/h6.png new file mode 100644 index 0000000..073c25b Binary files /dev/null and b/assets/img/h6.png differ diff --git a/assets/img/h8.png b/assets/img/h8.png new file mode 100644 index 0000000..3e27caf Binary files /dev/null and b/assets/img/h8.png differ diff --git a/assets/img/h9.png b/assets/img/h9.png new file mode 100644 index 0000000..5208c14 Binary files /dev/null and b/assets/img/h9.png differ diff --git a/assets/img/home-10.png b/assets/img/home-10.png new file mode 100644 index 0000000..9045e2d Binary files /dev/null and b/assets/img/home-10.png differ diff --git a/assets/img/home-8.png b/assets/img/home-8.png new file mode 100644 index 0000000..b83ee1f Binary files /dev/null and b/assets/img/home-8.png differ diff --git a/assets/img/home-9.png b/assets/img/home-9.png new file mode 100644 index 0000000..76cc03c Binary files /dev/null and b/assets/img/home-9.png differ diff --git a/assets/img/life-15.png b/assets/img/life-15.png new file mode 100644 index 0000000..1b3953e Binary files /dev/null and b/assets/img/life-15.png differ diff --git a/assets/img/life-16.png b/assets/img/life-16.png new file mode 100644 index 0000000..4429818 Binary files /dev/null and b/assets/img/life-16.png differ diff --git a/assets/img/life-17.png b/assets/img/life-17.png new file mode 100644 index 0000000..a34902d Binary files /dev/null and b/assets/img/life-17.png differ diff --git a/assets/img/p2.png b/assets/img/p2.png new file mode 100644 index 0000000..1c80aa6 Binary files /dev/null and b/assets/img/p2.png differ diff --git a/assets/img/p3.png b/assets/img/p3.png new file mode 100644 index 0000000..113f5c8 Binary files /dev/null and b/assets/img/p3.png differ diff --git a/assets/img/u10.png b/assets/img/u10.png new file mode 100644 index 0000000..2540639 Binary files /dev/null and b/assets/img/u10.png differ diff --git a/assets/img/u11.png b/assets/img/u11.png new file mode 100644 index 0000000..34674c5 Binary files /dev/null and b/assets/img/u11.png differ diff --git a/assets/img/u12.png b/assets/img/u12.png new file mode 100644 index 0000000..c0f351f Binary files /dev/null and b/assets/img/u12.png differ diff --git a/assets/img/u6.png b/assets/img/u6.png new file mode 100644 index 0000000..d644083 Binary files /dev/null and b/assets/img/u6.png differ diff --git a/assets/img/u7.png b/assets/img/u7.png new file mode 100644 index 0000000..281d8eb Binary files /dev/null and b/assets/img/u7.png differ diff --git a/assets/img/u8.png b/assets/img/u8.png new file mode 100644 index 0000000..2823d84 Binary files /dev/null and b/assets/img/u8.png differ diff --git a/assets/img/u9.png b/assets/img/u9.png new file mode 100644 index 0000000..d04cd05 Binary files /dev/null and b/assets/img/u9.png differ diff --git a/index.html b/index.html new file mode 100644 index 0000000..d20ddf5 --- /dev/null +++ b/index.html @@ -0,0 +1,447 @@ + + + + + + + + Projekt The Design Shop + + + +
+ +
+
+
+
+ + +
+
+

Kanken Art Laptop 15" Special Edition Backpack

+

Fjallraven

+
+

$119.00

+
+ +
+
+ + +
+
+

Swing Arm Wood Desk Lamp

+

Tomons

+
+

$36.00

+
+ +
+
+ + +
+
+

Hajo Backpack

+

Ucon Acrobatics

+
+

$89.00

+
+ +
+
+ + +
+
+

Zed Bamboo Longboard

+

Retrospec

+
+

$60.00

+
+ +
+
+ + +
+
+

Electric Pour-Over Kettle

+

Fellow

+
+

$149.00

+
+ +
+
+ + +
+
+

Woodie Vintage Car

+

Candylab Toys

+
+

$35.00

+
+ +
+
+ + +
+
+

Logo Modernism

+

Taschen

+
+

$60.00

+
+ +
+
+
+
+ + +
+
+

Dieter Rams: As Little Design as Possible

+

Sophie Lovell

+
+

$150.00

+
+ +
+
+ + +
+
+

The Eye

+

Nathan Williams

+
+

$28.00

+
+ +
+
+ + +
+
+

Gather Desk Organizer

+

Ugmonk

+
+

$149.00

+
+ +
+
+ + +
+
+

Dipped Canteen

+

Corkcicle.

+
+

$28.00

+
+ +
+
+ + +
+
+

Sayl Office Chair White

+

Herman Miller

+
+

$599.00

+
+ +
+
+ + +
+
+

Three Cherry Wood Notebook

+

Field Notes

+
+

$13.00

+
+ +
+
+ + +
+
+

From Japan

+

Counter Print

+
+

$16.00

+
+ +
+
+
+
+ + +
+
+

Arigato Desk Lamp

+

Grupa

+
+

$380.00

+
+ +
+
+ + +
+
+

Winston Regal Watch

+

Komono

+
+

$58.00

+
+ +
+
+ + +
+
+

Letter H Poster

+

Hey Studio

+
+

$45.00

+
+ +
+
+ + +
+
+

Coffee Can

+

Blue Bottle Company

+
+

$11.00

+
+ +
+
+ + +
+
+

Beoplay H4

+

Bang & Olufsen

+
+

$160.00

+
+ +
+
+ + +
+
+

Make It Now

+

Anthony Burrill

+
+

$22.00

+
+ +
+
+ + +
+
+

Black Side Chair

+

Eames Style

+
+

$54.00

+
+ +
+
+
+
+ + +
+
+

Min: The New Simplicity in Graphic Design

+

Thames & Hudson

+
+

$28.00

+
+ +
+
+ + +
+
+

Grid systems in graphic design

+

Josef Müller-Brockmann

+
+

$42.00

+
+ +
+
+ + +
+
+

Card Wallet

+

Herschel

+
+

$15.00

+
+ +
+
+ + +
+
+

Classic Advice Print Black

+

Good Fucking Design Advice

+
+

$30.00

+
+ +
+
+ + +
+
+

Magic Mouse 2

+

Apple

+
+

$92.00

+
+ +
+
+ + +
+
+

Travel Tumbler

+

Kinto

+
+

$34.00

+
+ +
+
+ + +
+
+

Magic Keyboard

+

Apple

+
+

$139.00

+
+ +
+
+
+
+ + +
+
+

Bottle Grinder

+

Menu

+
+

$75.00

+
+ +
+
+ + +
+
+

Geo Thermos

+

Normann Copenhagen

+
+

$62.00

+
+ +
+
+ + +
+
+

Womb Chair & Ottoman

+

Kardiel

+
+

$799.00

+
+ +
+
+ + +
+
+

Water Filter Glass Carafe

+

Soma

+
+

$30.00

+
+ +
+
+
+ + + + \ No newline at end of file