First Web App - Project 1 ( html - css )

LIVE VERSION: https://davidster14.github.io/clone1/

Instructions

• create a repository in your github account
• clone this repository to your local mashine
• add index.html to root folder
• create html std. markup (head etc.)
• set browser language to "de"
• set document titlte to "My first Web App"
• import style sheet and js files from folders & external sources
• create a main tag and add code inside like in structure img below
• run code in your browser

Important

Your code needs to have one element each with following id names

"appWrapper"    // div or section or semantic tag
"mainSection"   // div or section or semantic tag
"appPopup"      // div or section or semantic tag
"userName"      // p tag
"appButton"     // button tag

External Script Sources

https://code.iconify.design/iconify-icon/1.0.7/iconify-icon.min.js

<script src="./js/app.js" type="text/javascript" defer></script>

Tips

• go step by step in instructions
• after every step edit this file and set instruction task finised and commit code to repository
• use emmet for Alias of html:5
• use semantic div tags for better code understanding
• don't forget to set alt text for images
• set a img width of 300px
• inside p tag add your first name
• use your cheat sheets

Structure