Heading

1. FELADAT:

Beilleszteni a

elembe egy szöveget:

“Dr. Radia Perlman”

[codepen_embed height=500 theme_id=1 slug_hash='KKNvZpQ' user='progmatic' default_tab='html' animations='run'] [/codepen_embed]

Paragraph elem

2. FELADAT:

Beilleszteni egy

elembe az alábbi szöveget:

“Dr. Radia Perlman is a network engineer and software designer known to some as “the mother of the Internet.” She is best known for her spanning tree algorithm, or STP for short. STP solved the initial problem of data sharing between computers and stopped data from becoming trapped in a loop.”

Anchor elem

3. FELADAT:

Beilleszteni egy linket egy elembe:

https://sbrc2015.ufes.br/wp-content/uploads/foto.jpg

Betűtípus és háttér

5. FELADAT:

Beilleszteni a háttérkép url-ét, illetve a font típust:

https://source.unsplash.com/WkfDrhxDMC8

'Trebuchet MS', sans-serif

Content card szerkesztése

6. FELADAT:

Beilleszteni az alábbi értékeket:

HTML -> hozzáadni class=”card-container”
width: 50%
text-align: center
background-color: alpha értéket .7-re állítani
border-radius: 10px

Fénykép szerkesztése

7. FELADAT:

Beilleszteni az alábbi értékeket:

border-radius: 50%
margin-top: -80px
filter: grayscale(100%)

hover effektus és transition

8. FELADAT:

Beilleszteni a következő értékeket:

img: hover
transform: scale(1.2)
filter: grayscale(0%)

img > transition: all 1.5s ease-in-out

link és gomb szerkesztése

9. FELADAT:

Beilleszteni az alábbi értékeket:

color: white
margin: 60px auto 0 auto
background-color: grey
text-decoration: none

ELKÉSZÜLT oldal

KÉSZ NÉVJEGYKÁRTYA OLDAL: