Skip to content

This is a landing page of Apple website. Prototype has designed using HTML and CSS, according to the page that existed on September 2020 on the official apple.com site.

Notifications You must be signed in to change notification settings

SafiyaSahra/apple-landing-page

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

1 Commit
 
 
 
 
 
 
 
 

Repository files navigation

Apple Website Landing Page

This is my final assignment of Pirple Frontend Fundamentals course.

Challenge and Experience 💪

They told to design the landing page of one of given website. Then I have selected Apple's website because that's a simple and modern website. But when I was coding the prototype of apple website, it's not that easy as I thought 😓. But eventually I have done the design of the prototype of apple.com.

I finished up this landing page using basic knowledge of HTML and CSS. I used Visual Studio Code as an editor. I tried my best to design the site as original view. But this page isn't a mobile responsive.

One of the difference in my page is the font-family. In the original page they'd used 'San Francisco Text Pro' font type but it didn't support in windows... So instead of that I used ' -apple-system, BlinkMacSystemFont, "Segoe UI" , sans-serif ' font, also can use ' "Helvetica Neue" , Helvetica, Arial, sans-serif '...

Note: Apple website landing page could be continuosly change due to new products. So it could be little inconvinience to compare both. I re-designed the page according to the page that existed on September 2020.

Giving feedback

Feedback is always welcome, so if you have any to give on this challenge please email shazark10[at]gmail[dot]com.

Have a nice day 😊

Happy Coding!

About

This is a landing page of Apple website. Prototype has designed using HTML and CSS, according to the page that existed on September 2020 on the official apple.com site.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published