----------------- Introduction ------------
For our first project the problem statement given to us, was to create a copy of Buffer's website. Buffer is a social media management platform that helps their customers build their brands and grow their businesses on social media.
--------------- Team Members ---------------
1.) Ashish Bhagat - GitHub profile
2.) Aman Singh - GitHub profile
3.) Rakesh Thampy - GitHub profile
------ Comparison of Original and CLone page ---------
A screenshot of original landing page
vs
A screenshot of clone landing page
-------------- Languages used ------------------
Combination of HTML, CSS and Javascript has been used to achieve the desired outcome.
----------------- Website detail ----------------
Nav - Combination of JavaScript and Animation has been used (It has been given an absolute position with transform(x) going from 100 to 0)
Burger Button - Javascrict is used to switch between the class name when the button is clicked.
Flex - We have used flex along with media query to attain responsiveness of our page.
images - for images we have taken some from the website itself.
Twitter cards has been creatd using Grid.
Flex along with media query has been used for responsiveness
Pseudo classes used to change the color of texts and icons.
Flex along with media query has been used for responsiveness
Backgroud images have been taken form the website
Poppins font has been used for About us
Javascript used to switch between publish and Analyze tabs
flex along with media query has been used for responsiveness
tables has been used
Common
Header - Poopins font is used
Footer - Social Media of Buffer has been attached.
Roboto sans font family has been used throughout the pages
------------------------- Resorces used -----------------------------
| Website | detail |
|---|---|
| MDN web docs | Resources from MDN has helped a lot to understand a varety on new codes |
| W3school | W3school's resources has been used to get more information. |
| Font Awesome | Fontawesome has been used to get some icons. |
| Google fonts | Fonts used throughout the page has been taken from Google fonts. |
| Google has been used to get some quick info regarding some elements | |
| Buffer | The page was given us to be replicated and some images have been used from this site. |