Recreating Apple's Website in Blocs 3
I have challenged myself to recreate Apple’s Mac mini website using Blocs 3 without knowing how to code.
At the end of last month, I have decided to create a new template for Blocs 3, but instead of just recreating the Blocs 2 template, I thought it is time to do something different.
So, instead of creating a regular website like I do almost every week these days, I have decided to take on a new challenge of redesigning some of the Apple’s website pages using just Blocs 3, without using any 3rd party code.
I wasn’t surprised to see that even by using just the core functionality of Blocs 3, I was able to recreate many elements of Apple’s website, all without knowing how to code.
Of course, some parts of the Mac mini page I have selected for my projects were not the exact copies, but overall I believe that the result is fantastic.
If you haven’t already, take a look at the video in which I explain what I have done with this website and share some of the details.
I am sharing the project files for educational purposes.
I don’t own rights to use the content like images and text, so this project is not for sale. I have only created it to test the capabilities of Blocs 3 and I will share it with Blocs Master students and Blocs Templates lifetime members, for educational purposes. If you are a member, you can download the files and see how I have created it.
If you want, you can replace the text and images, and then use these project files in any of your projects. Just make sure not to include any content from Apple's website.
In addition to sharing the project files, I have also created a couple of videos covering the techniques I have used to rebuild this website. I have shared all videos with Mastering Blocs 3 students in this month’s update, while one of the video tutorials covering the use of Parallax effect in Blocs 3 is available to the public on my YouTube channel.
You can take a look at it below.