Lesson 3:

PINTEREST. We started replicating the Pinterest official website. We included an animation effect on the two small buttons at the bottom of the page. 

In the footer we declared the two circular icons and the privacy option:

< i class="icon fas fa-plus"></i>
< i class="icon fas fa-question"></i>
<a href="#">Privacy</a>

The animation will take place at the bottom of the screen and rise up 24pixels;
bottom:24px; and this animation will take place once opening the webpage. 


Comments

Post a Comment

Popular posts from this blog

Lesson 4:

In the 4th lesson we were taught that we can get the codes from BOOTSTRAP, that includes dropdown menus, buttons, grids and others. So the codes can work you have to link it in the html; <link rel="stylesheet" href="css/bootstrap.min.css" /> We also included the link of Fontawesome.com in the html; <script defer src="js/fontawesome-all.min.js"></script> On Fontawesome.com one can find different icons that will be suitable for our website. One can see the code below: < a href="#">    <i class="icon far fa- heart"></i>    <span class="sr-only">Activity Feed.</span> </a>
Read more

My Project- ASOS

Image
From now on the posts are going to be about the development of the website.  The website which I had chosen to redesign and make some changes in it was the ASOS website. 
Read more