{"action":"opened","issue":{"url":"https://api.github.com/repos/McLeanBH/Homework/issues/6","labels_url":"https://api.github.com/repos/McLeanBH/Homework/issues/6/labels{/name}","comments_url":"https://api.github.com/repos/McLeanBH/Homework/issues/6/comments","events_url":"https://api.github.com/repos/McLeanBH/Homework/issues/6/events","html_url":"https://github.com/McLeanBH/Homework/issues/6","id":54232482,"number":6,"title":"Responsive form","user":{"login":"jacobthemyth","id":1620230,"avatar_url":"https://avatars.githubusercontent.com/u/1620230?v=3","gravatar_id":"","url":"https://api.github.com/users/jacobthemyth","html_url":"https://github.com/jacobthemyth","followers_url":"https://api.github.com/users/jacobthemyth/followers","following_url":"https://api.github.com/users/jacobthemyth/following{/other_user}","gists_url":"https://api.github.com/users/jacobthemyth/gists{/gist_id}","starred_url":"https://api.github.com/users/jacobthemyth/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/jacobthemyth/subscriptions","organizations_url":"https://api.github.com/users/jacobthemyth/orgs","repos_url":"https://api.github.com/users/jacobthemyth/repos","events_url":"https://api.github.com/users/jacobthemyth/events{/privacy}","received_events_url":"https://api.github.com/users/jacobthemyth/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":0,"created_at":"2015-01-13T18:55:52Z","updated_at":"2015-01-13T18:55:52Z","closed_at":null,"body":"# html-intro-2-responsive-forms\n\n## Description\n\nThis assignment serves to reinforce HTML forms and relevant tags, form attributes, CSS layouts and techniques, as well as transitions.\n\n## Objectives\n\n- familiarize yourself with all the HTML form tags and their attributes\n- familiarize yourself with a CSS layout techniques (columns, structure, transitions, pseudo-selectors)\n- reinforce concepts of layout and `display` types\n\n### Learning Objectives\n\nAfter completing this assignment, you should be able to create a responsive layout in HTML and CSS from scratch.\n\n### Performance Objectives\n\nAfter completing this assignment, you should be able to effectively:\n\n- navigate the folder structure in the terminal\n- open workspaces and create files with Sublime Text, Atom, vim, etc...\n- generate boilerplate HTML code in Sublime Text\n- find and use resources (like Lorem Ipsum and GIFs)\n- debug HTML and CSS with Chrome Developer Tools\n- create multi-column layouts, and customize responsive forms and styles\n\n## Details\n\n### Deliverables\n\n- a git repo containing:\n    - `index.html`\n    - `styles` folder\n        - `style.scss`\n    - `images` folder\n        - with any images you used with your design\n\n### Requirements\n\n- a working, publicly visible website with a public URL (i.e. on Github pages, with DivShot, on Heroku, etc)\n\n## Normal Mode\n\nRecreate the following layout in HTML and CSS:\n\n![](https://raw.githubusercontent.com/theironyard/js-assignments/master/html-intro-2-responsive-forms/forms.gif)\n\n## Notes\n\nNotes go here...\n\n## Additional Resources\n\n- http://learnlayout.com/\n- List of HTML tags: https://developer.mozilla.org/en-US/docs/Web/HTML/Element\n- List of HTML attributes: https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes\n- All the CSS properties! https://developer.mozilla.org/en-US/docs/Web/CSS/Reference"}}