(1) Brijesh Varsani - B00882318 (2) Md Ahnaf Monwar - B00879541 (3) Gurrehmat Raj Singh (4) Jinyao Jiang (5) Aditya Rajil
(*) Normalize reset stylesheet, by Nicolas Gallagher. URL: https://necolas.github.io/normalize.css/8.0.1/normalize.css; Github URL: https://github.com/necolas/normalize.css/; Date accessed: 31 Oct 2021
(2) url: https://cdn.mos.cms.futurecdn.net/X8ajP3firD9QzBCipfEtPk.jpg
(4) url: https://assets.mspimages.in/wp-content/uploads/2021/05/Samsung-foldable-display.jpg
(5) url: https://i.pcmag.com/imagery/articles/029FMGY03n9UexuiJZZqKl7-8..1600376679.jpg
(6) url: https://paidfreedroid.com/wp-content/uploads/2020/09/LG-Wing-All-Iterations.jpg.webp
(8) url: https://i.pinimg.com/564x/ac/fc/4a/acfc4a58e29cfb14a2d5f700baea4983.jpg
(9) url: http://www.fubiz.net/wp-content/uploads/2015/11/foldablesmartphone6.jpg
(10) url: https://walyou.com/wp-content/uploads//2015/11/creative-Headphone-design-and-concept-21.jpg
(11) url: http://gadgetsin.com/uploads/2018/02/concept_true_wireless_earbuds_with_two_dials_1.jpg
(12) url: https://i.pinimg.com/736x/03/85/d4/0385d4e19fe1dd623303160fa17b3f43.jpg
We now planned to add a video in the accessory webpage but we did not made it yet. We thought of this because it would show our effforts that we are doing by our selves as we also created 2 images so we think to make video.
(1) Brijesh Varsani: - I made all the 8 the wireframes using the online software. (2) Md Ahnaf Monwar: - helped to plan layout for 3 wireframes (3) Gurrehmat Raj Singh: - (4) Jinyao Jiang: - (5) Aditya Rajil: -
(1) Brijesh Varsani: - I have made total 11 responsive webpages. I have made the html and css for 1 homepage, 1 contact and about us page, 8 pages for each model of the mobile. I have also made the accesseries page and in this page I have included the video that was made by me. all this page is responsive fotr mobile and desktop view. I worked on the prompting messagae when user clicks on the search button using java script. I add colors in dark mode.
(2) Md Ahnaf Monwar: - helped in css for two wep-pages that he was planned in milestone 2. He also helped to make sure that we dont miss any thing according to requirement pdf. He wrote the whole "How to use our website" part.
(3) Gurrehmat Raj Singh: - He worked on dark mode.
(4) Jinyao Jiang: -
(5) Aditya Rajil: -
In our home page, there will be navigation menus of Mobile Phones, Accessories, About us, Contact us. The mobile phone will have a drop down menu of Finn Fold, Finn Flexible, Finn Crystal clear, Dual Screen, Finn G1, Finn Clear mini, Finn ducal infold and Finn original. And accessories also have a drop down menu of headphone, Finn Wireless, Finn power. The homepage also have all mobile phone images under heading of “Our featured devices” and all accessories images under heading of “Brand New Accessories”. Home page will also have black footer at below. There will be a search section with search button for searching mobile phones and accessories. Homepage have both desktop and mobile views which can be easily seen after decreasing normal desktop view webpage size. Now clicking each option in drop down menu of mobile phones and accessories will take us to those option’s separate individual web-pages. Now these separate individual web-pages have both desktop and mobile view. Each individual mobile phone model web-pages have individual model image and its feature and navigation menus of all model phones and accessories. Each individual accessories web-page have images of all accessories and navigation menu of all model phones and accessories. Each individual model web page has a black footer below and search section with search button to search accessories, mobile phones, project name of Finn Digital above with its navigation menus of Mobile Phones, Accessories, About us, Contact us. Also drop down menu will be available too for mobile phones and accessories like homepage.