-2017-IFE

This repository is to exhibit some tasks when I practiced front-end skills on the website of Baidu Institute of Front End Technology in 2017.

task1: using CSS to implement a simple feedbackform on smarkphone.

preview: http://htmlpreview.github.io/?https://github.com/NaLiuAnnie/2017-IFE-Tasks/blob/master/task1/feedback.html

task1-3: a simple three column layout website using HTML and CSS.

preview: http://htmlpreview.github.io/?https://github.com/NaLiuAnnie/2017-IFE-Tasks/blob/master/task1-3/index.html

task1-4: a simple code implement positioning and centering a object.

preview:http://htmlpreview.github.io/?https://github.com/NaLiuAnnie/2017-IFE-Tasks/blob/master/task1-4/index.html

task1-5: a simple website using HTML and CSS.

preview: http://htmlpreview.github.io/?https://github.com/NaLiuAnnie/2017-IFE-Tasks/blob/master/task1-5/index.html

task1-6: a simple website looks like a newspaper using HTML and CSS.

preview: http://htmlpreview.github.io/?https://github.com/NaLiuAnnie/2017-IFE-Tasks/blob/master/task1-6/index.html

task1-7: a simple website contains drop down boxes and a form.

preview: http://htmlpreview.github.io/?https://github.com/NaLiuAnnie/2017-IFE-Tasks/blob/master/task1-7/index.html

task1-8: using CSS to achieve a simple certain layout.

preview: http://htmlpreview.github.io/?https://github.com/NaLiuAnnie/2017-IFE-Tasks/blob/master/task1-8/index.html

task2-1: using JavaScript to achieve a simple interactive founction.

preview: http://htmlpreview.github.io/?https://github.com/NaLiuAnnie/2017-IFE-Tasks/blob/master/task2-1/index.html

task2-3: using JavaScript to implement a simple website sorting.

preview: http://htmlpreview.github.io/?https://github.com/NaLiuAnnie/2017-IFE-Tasks/blob/master/task2-3/index.html

task2-5: inpute a number then create a bar with certain height on the website and you can sort them.

preview: http://htmlpreview.github.io/?https://github.com/NaLiuAnnie/2017-IFE-Tasks/blob/master/task2-5/index.html

task3-5: a simple game that you can put "GO,TUN LEF ect" to control the square on the website.

preview: http://htmlpreview.github.io/?https://github.com/NaLiuAnnie/2017-IFE-Tasks/blob/master/task3-5/index.html

task4-1: a simple beauty website with hovering and discoloration.

preview:http://htmlpreview.github.io/?https://github.com/NaLiuAnnie/2017-IFE-Tasks/blob/master/task4-1/index.html

task4-4: creating collapsible items using JavaScript.

preview: https://htmlpreview.github.io/?https://github.com/NaLiuAnnie/2017-IFE-Tasks/blob/master/task4-4/index.html#item3

task4-6: creating a loading icon using CSS.

preview: http://htmlpreview.github.io/?https://github.com/NaLiuAnnie/2017-IFE-Tasks/blob/master/task4-6/index.html