Responsive Apple Website Replica | HTML and CSS Tutorial

Share this & earn $10
Julio Codes
Published at : 09 Nov 2020
41595 views
1329
12

In today's video we will create a partial replica of apple's website using html and css which was redesigned for the launch of the new iPhone 11 pro. We will add several animations, including the use of keyframes, and we will also make the website responsive.

Don't forget to leave a thumbs up if you found the video useful. Also, click on the bell icon to turn on notifications. This way you'll be notified the moment new videos are uploaded.

Subscribe ► https://bit.ly/2Q3pCiB

[ PROJECT FILES ]

GitHub ► https://bit.ly/35gwFs2
SF font ► https://bit.ly/2HDGkx2

[ SUPPORT ME ]

Get exclusive Patreon perks.
Patreon ► https://www.patreon.com/juliocodes

[ SOCIAL MEDIA ]

Instagram ► https://www.instagram.com/juliocodes

[ GET IN TOUCH - TUTORIAL HELP ]

Email ► codingwithjulio@outlook.com

[ HOSTGATOR ]

Get affordable domain and web hosting with HostGator. Save up to 60% off of your entire purchase with the coupon code below.

HostGator ► https://bit.ly/2ZfR0u3
Coupon code ► JULIOCODES60
Video tutorial ► https://youtu.be/5B_LQqR0zsE

[ MY GEAR ]

Programming/Video editing laptop Specs & extras

Laptop: Dell XPS 15 7590
Processor: 9th Generation Intel Core i7-9750h
RAM: 32GB (Upgraded)
Graphics Card: Nvidia GeForce GTX 1650 4GB GDDR5
Storage: 500GB M. 2 PCIe NVMe SSD (Upgraded)
--- Extras ---
Monitor: Dell Ultrasharp 27"
Keyboard: Logitech MX Keys
Mouse: Logitech MX Master 3
Microphone: Blue Yeti

[ DISCLAIMER No. 1 ]

In order to speed up the development process CSS prefix are not used. In order to ensure cross browser compatibility please use prefixes where necessary.

[ DISCLAIMER No. 2 ]

This video description contain affiliate links, which means that if you click on one of the product links, I’ll receive a small commission. This helps support the channel and allows me to continue to make videos like this. Thank you for the support!
htmlcssresponsive web design

75th Ranger Regiment | "Sua Sponte"

75th Ranger Regiment | "Sua Sponte"

Most ISOLATED Homes In The World!

Most ISOLATED Homes In The World!

Kim Bum Soo - Appear // Sub Español

Kim Bum Soo - Appear // Sub Español

The Death of Socrates: How To Read A Painting

The Death of Socrates: How To Read A Painting

Mental Self Mastery  the Missing Link

Mental Self Mastery the Missing Link

Witchcraft

Witchcraft

Robbie Williams | Party Like A Russian (Official Video)

Robbie Williams | Party Like A Russian (Official Video)

Slay the Spire: quite a lot of lightning

Slay the Spire: quite a lot of lightning

The Journey Of Finally | 2nd Year Anniversary | Finally

The Journey Of Finally | 2nd Year Anniversary | Finally

💿Classic CHRISTMAS SONGS Oldies Hits🎄🎄🎄🎉🎉🎉🎁🎁🎁☃️⛄☃️❄❄❄

💿Classic CHRISTMAS SONGS Oldies Hits🎄🎄🎄🎉🎉🎉🎁🎁🎁☃️⛄☃️❄❄❄

X , Y and Z commenced business on 1st April , 2016 with capitals of ? 5,00,000 , ?

X , Y and Z commenced business on 1st April , 2016 with capitals of ? 5,00,000 , ?

Minecraft, but we start in The End

Minecraft, but we start in The End

The Banach–Tarski Paradox

The Banach–Tarski Paradox

Trade and Variety

Trade and Variety

It's Not Often Shakespeare Is Quoted During A Pitch | Dragons' Den

It's Not Often Shakespeare Is Quoted During A Pitch | Dragons' Den

COME AWAY WITH ME: TOP 50 AUDIOPHILE ALBUM. HI-RES AUDIO REMASTERING .

COME AWAY WITH ME: TOP 50 AUDIOPHILE ALBUM. HI-RES AUDIO REMASTERING .

One Day Family Trip at Thirunelvelli |Fun moments in Mokudal River| Finally our trips are over||

One Day Family Trip at Thirunelvelli |Fun moments in Mokudal River| Finally our trips are over||

HEC Process for TCS - YOUTUBE || Courier TCS Procedure attesting documents from HEC

HEC Process for TCS - YOUTUBE || Courier TCS Procedure attesting documents from HEC

INSTASAMKA - Bloody Party (Премьера клипа, 2020)

INSTASAMKA - Bloody Party (Премьера клипа, 2020)

Die-Rek & DJ Sean P - A Better Place

Die-Rek & DJ Sean P - A Better Place

Vietnamese Sausage Factory!!! How the Sausage is REALLY Made!!

Vietnamese Sausage Factory!!! How the Sausage is REALLY Made!!

Why is she so mean to other babies ?

Why is she so mean to other babies ?

20 AWESOME MINIATURE CRAFTS || Funny DIYs by 5-Minute DECOR

20 AWESOME MINIATURE CRAFTS || Funny DIYs by 5-Minute DECOR

You've Known

You've Known

A Complete Guide to Goal Setting

A Complete Guide to Goal Setting

Finding the Subject | Sentence Structure | The Nature of Writing

Finding the Subject | Sentence Structure | The Nature of Writing

'APPREHEND'  का हिंदी में अनुवाद। | 'APPREHEND' MEANING EXPLAINED IN HINDI | VOCAB PLUS

'APPREHEND' का हिंदी में अनुवाद। | 'APPREHEND' MEANING EXPLAINED IN HINDI | VOCAB PLUS

Looking - Kevin and Patrick Finale Fight Scene

Looking - Kevin and Patrick Finale Fight Scene

House Flip Finally Finished After a Few Contractor Issues Bought 4/17/20

House Flip Finally Finished After a Few Contractor Issues Bought 4/17/20

Rocks Polished BEFORE and AFTER.

Rocks Polished BEFORE and AFTER.

Overdubs - Andrew Scheps

Overdubs - Andrew Scheps

7 Tips For Running More Effective Meetings

7 Tips For Running More Effective Meetings

anders - Problems ft. Emerson

anders - Problems ft. Emerson

Violating All Agreements, Turkey Pushes War in Libya with Special Guests Jimmy & JoAnne Moriarty

Violating All Agreements, Turkey Pushes War in Libya with Special Guests Jimmy & JoAnne Moriarty

Wonders - Unit 2 Week 1 - The Handiest Things in the World

Wonders - Unit 2 Week 1 - The Handiest Things in the World

Love is raise

Love is raise

Street Vehicles 5 - Cars, Trucks & SUV's - The Kids' Picture Show (Fun & Educational Learning Video)

Street Vehicles 5 - Cars, Trucks & SUV's - The Kids' Picture Show (Fun & Educational Learning Video)

Nicki Minaj's Music Video BANNED From Networks For This Reason!

Nicki Minaj's Music Video BANNED From Networks For This Reason!

Crossover Mini Kesha & 2021 Prophecy || Bishop Peter Gatimu

Crossover Mini Kesha & 2021 Prophecy || Bishop Peter Gatimu

Suede - "It Starts And Ends With You" (Official Music Video)

Suede - "It Starts And Ends With You" (Official Music Video)

Old Town Road (Lil Nas X cover) - Daði Freyr

Old Town Road (Lil Nas X cover) - Daði Freyr

The Greatest Showman - Never Enough (Vídeo con letra)

The Greatest Showman - Never Enough (Vídeo con letra)

Rare Moments when Gordon Ramsay gets impressed

Rare Moments when Gordon Ramsay gets impressed

The growth of China's military power over the past 40 years

The growth of China's military power over the past 40 years

Top 5 Male Covers of Someone You Loved - Lewis Capaldi | BEST COVER SONGS 2019

Top 5 Male Covers of Someone You Loved - Lewis Capaldi | BEST COVER SONGS 2019

"My goal is to do everything possible to ensure that you can live in safety," said Merkel

"My goal is to do everything possible to ensure that you can live in safety," said Merkel

Why Married Taxpayers Might Want to Consider Filing Married Filing Separately (MFS)

Why Married Taxpayers Might Want to Consider Filing Married Filing Separately (MFS)

Easy Warm Up Cardio Workout - Fitness Blender Warm Up Workout

Easy Warm Up Cardio Workout - Fitness Blender Warm Up Workout

WHAT REALLY IS CONSIDERED A "HOOKUP" (BROKEN DOWN)

WHAT REALLY IS CONSIDERED A "HOOKUP" (BROKEN DOWN)