diff --git a/dist/index.html b/dist/index.html index c4df5c5af2..cf9bfe96b2 100644 --- a/dist/index.html +++ b/dist/index.html @@ -1 +1,371 @@ -Nothing®

phone icon

Bring joy
to the everyday

Recommended

Phone 1 photo

Phone (1)

Designed with instinct, to bring joy back to the everyday. Through the Glyph Interface, a perfected OS and exceptional dual camera. All startlingly fast.

$ 499.00
Ear 2 Earbuds photo

Ear (2)

Perfecting the path from artist to ear. So that music sounds just as it was intended.

$ 149.00
Earsticks Earbuds photo

Ear (stick)

Tech you can’t feel. Leaving just space for sound to come to life. Powered by custom sound technology.

$ 119.00

Browse Nothing products by category

Nothing Phone1 with a pair of parrots sitting on top of it A hand holding a trasparent case with Nothing earbuds in it

All products
Single Nothing earbud stick from a side A hand holding a trasparent case with Nothing earbuds sticks in it

Audio
Nothing phone laying upside down Nothing USB charger

Accessories
Closup on the back of the Nothing Phone

About us

We’re a London-based tech company on a mission to remove barriers between people and technology.

To do this, we’re crafting intuitive, flawlessly connected products that improve our lives without getting in the way. No confusing tech-speak. No silly product names. Just artistry, passion and trust. And products we’re proud to share with our friends and family. Simple.

Because beautiful tech shouldn’t be complicated.

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

+ +

+ +
+ + + +1 234 555-55-55 + phone icon + + + + +
+
+ + + +
+ + +
+ +

+ Bring joy
to the everyday +

+ +
+
+ + +
+ + +
+ +

Recommended

+ + +
+ +
+ + + + + + + + Phone 1 photo + + +

Phone (1)

+

+ Designed with instinct, to bring joy back to the everyday. Through the Glyph Interface, a perfected OS and exceptional dual camera. All startlingly fast. +

+ + $ 499.00 + +
+ + +
+ + + + + + + + Ear 2 Earbuds photo + + +

Ear (2)

+

+ Perfecting the path from artist to ear. So that music sounds just as it was intended. +

+ + $ 149.00 + +
+ + +
+ + + + + + + + Earsticks Earbuds photo + + + +

Ear (stick)

+

+ Tech you can’t feel. Leaving just space for sound to come to life. Powered by custom sound technology. +

+ + $ 119.00 + +
+ +
+ +
+ + +
+

Browse Nothing products by category

+ + +
+ + +
+
+ + + + + + + + Nothing Phone1 with a pair of parrots sitting on top of it + + + + + + + + + A hand holding a trasparent case with Nothing earbuds in it + + +
+

All products

+ +
+ + + +
+
+ + + + + + + + Single Nothing earbud stick from a side + + + + + + + + + A hand holding a trasparent case with Nothing earbuds sticks in it + + +
+

Audio

+
+ + + +
+
+ + + + + + + + Nothing phone laying upside down + + + + + + + + + Nothing USB charger + + +
+

Accessories

+
+ + +
+ + + + + +
+ + Closup on the back of the Nothing Phone + +
+

About us

+ +

+ We’re a London-based tech company on a mission to remove barriers between people and technology.

+ + To do this, we’re crafting intuitive, flawlessly connected products that improve our lives without getting in the way. + No confusing tech-speak. No silly product names. Just artistry, passion and trust. And products we’re proud to share with our friends and family. Simple.

+ + Because beautiful tech shouldn’t be complicated. +

+
+ +
+ + + + + diff --git a/src/index.html b/src/index.html index 0a42ee7808..0be5f6265c 100644 --- a/src/index.html +++ b/src/index.html @@ -41,6 +41,7 @@

class="top-bar__link-phone" href="tel:+1234567890" > + +1 234 555-55-55 phone icon
- +1 234 5555-55-55 - Call to order + +
+1 234 5555-55-55
+
Call to order
+
diff --git a/src/styles/blocks/_footer.scss b/src/styles/blocks/_footer.scss index 8d6494b878..43ef4b414b 100644 --- a/src/styles/blocks/_footer.scss +++ b/src/styles/blocks/_footer.scss @@ -6,6 +6,10 @@ padding: $d-padding-3 $d-padding-1_25; } + @include tablet { + padding: $d-padding-4_5 $d-padding-4_5; + } + @include monitor { padding: $d-padding-7_5 $d-padding-7_5; } diff --git a/src/styles/blocks/_navigation.scss b/src/styles/blocks/_navigation.scss index 607034c9b8..f216065ce8 100644 --- a/src/styles/blocks/_navigation.scss +++ b/src/styles/blocks/_navigation.scss @@ -58,5 +58,10 @@ text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 0.5rem; + margin-bottom: $d-margin-1; + } + + &__call-btn--no { + text-decoration: none; } } diff --git a/src/styles/blocks/_top-bar.scss b/src/styles/blocks/_top-bar.scss index f2a248548b..f76a385659 100644 --- a/src/styles/blocks/_top-bar.scss +++ b/src/styles/blocks/_top-bar.scss @@ -38,12 +38,25 @@ align-items: center; } + &__number-phone { + display: none; + color: $c-black; + font-family: "Space Mono", "Courier New", Courier, monospace; + font-size: 0.75rem; + font-weight: 700; + letter-spacing: 2px; + } + &__link-phone { margin-right: 1.5rem; display: flex; justify-content: center; align-items: center; + &:hover > .top-bar__number-phone { + display: block; + } + @include tablet { margin-right: 2rem; } @@ -94,4 +107,3 @@ width: 100vw; } } -//.