# WEB Undervisning Del 2 MG35 --- [Download opgave .zip her - Højreklik gem link som](https://github.com/tstormdk/MGGF2_start_exercise_event/blob/master/webGF2_opg_online1.zip) [Github Repo er her](https://github.com/tstormdk/MGGF2_start_exercise_event) --- ## Introduktion I skal i denne opgave arbejde med elementer I allerede har kigget på. I skal arbejde med lidt rutine i at læse HTML og tilknytte den CSS som får det til at se rigtigt ud. Det er ikke det sværeste design – men I kommer ok rundt om alle tags. Der vil være mulighed for at arbejde videre med sitets resterende sider skulle man ønske det. --- ## Opgavebeskrivelse ### <span style="color:green">Standard løsning </span> I skal ændre dette html:  --- Til dette:  #### Et større og tydeligere design ligger her [Link til Github](https://github.com/tstormdk/MGGF2_start_exercise_event/tree/master/webGF2_opg_online1/docs) --- I får udleveret HTML, CSS og billeder. De kan downloades via linket på 2 slide - med startkode. Jeres opgave bliver at tilføje de rigtige .class’er til de rigtige HTML-tags. Og indsætte de rigtige stier – til billeder og links. Det kan være nogle af .class'erne skal have lidt "kærlighed" for at kunne virke optimalt --- ### Som eksempel <style> .x {margin: 0px -100px;} .orange {color: dark-orange;} .red{ color: } </style> Som eksempel: `<img class="" src="" alt="">` ændres til: <div class="x"> `<img class="xx" src="img/SBParty.jpg" alt="">` </div> --- ### <span style="color:orange">Udvidet løsning </span> Tilføj de ændringer i styles.css som er markeret i kommentarer: Som eksempel: /*Tilføj nok margin så "flamme teksten" kan være der*/ --- ### <span style="color:red">Avanceret løsning </span> Opret de sidste sider med indhold som beskrevet i filen: main_snippets.html Tilføj JS scriptet til formularen. ---  [wallpaperswide.com](https://www.wallpaperswide.com)