a guest Nov 5th, 2019 88 in 65 days
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
- Technical Criteria:
- Menu Bar: First option must be Home. Icons AND Text for each option.
- Header: Logo
- Footer: Member Names, id, ‘sonic’ link to the same (current) page, © 2019
- NO INDEX.html
- 6+ Pages
- Head Section:
- Meta-Tags: 3+ minimum (Keyword, description, utf)
- Tags that allow good ranking on search engines
- Titles for each page
- Paragraph/Heading Text and Images
- 1+ Link to external website (Absolute hyperlink opens in NEW WINDOW/TAB)
- Simple rollover effects (CSS using the :hover pseudo selector or image based rollovers)
- pagestyle.css to style the layout and structure of your pages.
- -Font family and size for body, paragraph, heading etc.
- -Attributes for link states like link, visited, focus, hover, and active
- -Attributes for form elements states (pseudo-classes) including different types of inputs.
- -Tables with elements and attributes
- -Background image/Background colors for containers(sections, divs, ...)
- -Additional stuff that makes shit pretty
- menu.css to style all your menus (horizontal and vertical)
- tabs.css to style the tabs
- Code the tabs(With CSS)
- Tab structure with 4 tabs called address, e-mail, chat, call.
- Address and Call contain the address and telephone numbers respectively (no form).
- If e-mail tab is clicked, a form appears and you can enter your-email address, the topic, type the text, and submit.
- If chat tab is clicked, a form appears and you can enter a message and press button send.
- Paste the code between the <head>and </head> of yoursite:
- Basic Format: <link rel="shortcut icon" href="path and file name" />
- Example: <link rel="icon" type="image/ico" href="images/favicon.ico"/>
- Or <link rel="icon" type="image/png" href="/somewhere/myicon.png" />
- Semantic Elements, divs and spans.
- Fluid layout - Structure (Columns and layout) is up to me.
- Attributes(relative, absolute, sticky, and fixed) to position different parts of layout.
- Tables: Data/Images
- Forms: Login/Registration/E-Mail Contact/Chat
- 2 Forms: Contact E-Mail and Contact Chat
RAW Paste Data