startit/intro_html/index.html

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=x, initial-scale=1.0">
    <link rel="stylesheet" href="style.css" />
    <script src="script.js"></script>
</head>

<body>
    <button onclick="noLayout()">Ingen Layout</button>
    <button onclick="vertLayout()">Vertikal layout</button>
    <button onclick="horLayout()">Horisontal layout</button>
    <button onclick="gridLayout()">Grid layout</button>

    <h1>Eksempel 1</h1>
    <div id="cards">
        <div class="card">
            <div class="header green" onclick="green()">
                Verktøy
            </div>
            <div class="innerCard" id="green"></div>
        </div>
    </div>
    <div class="card">
        <div class="innerCard" id="green">
        </div>
    </div>
    <div id="cards">
        <div class="card">
            <div class="header blue" onclick="blue()">
                HTML
            </div>
        </div>
    </div>
    <div class="card">
        <div class="innerCard" id="blue">
        </div>
    </div>
    <div id="cards">
        <div class="card">
            <div class="header red" onclick="red()">
                CSS
            </div>
        </div>
    </div>
    <div class="card">
        <div class="innerCard" id="red">   
        </div>
    </div>
    <div id="cards">
        <div class="card">
            <div class="header yellow" onclick="yellow()">
                JavaScript
            </div>
        </div>
        <div class="card">
            <div class="innerCard" id="yellow">
              
                </ul>
            </div>
        </div>
    </div>
    <div id="cards">
        <div class="card">
            <div class="header dark" onclick="dark()">
                Hode, kropp og ben
            </div>
        </div>
        <div class="card">
            
            <div id="body" class="bodyPart">
                <button onclick="selectBody4()">◀</button>
                <img src="img/body1.png">
                <button onclick="selectBody2()">▶</button>
            </div>
            <div id="legs" class="bodyPart">
                <button onclick="selectLegs4()">◀</button>
                <img src="img/legs1.png">
                <button onclick="selectLegs2()">▶</button>
            </div>
        </div>
    </div>
</body>

</html>
initial commit 2024-08-08 09:04:57 +02:00			`<!DOCTYPE html>`
			`<html lang="en">`

			`<head>`
			`<meta charset="UTF-8">`
			`<meta name="viewport" content="width=x, initial-scale=1.0">`
stylesheet 2024-08-08 14:22:09 +02:00			`<link rel="stylesheet" href="style.css" />`
			`<script src="script.js"></script>`
initial commit 2024-08-08 09:04:57 +02:00			`</head>`

			`<body>`
visuell-teller 2024-08-16 14:01:43 +02:00			`<button onclick="noLayout()">Ingen Layout</button>`
			`<button onclick="vertLayout()">Vertikal layout</button>`
			`<button onclick="horLayout()">Horisontal layout</button>`
			`<button onclick="gridLayout()">Grid layout</button>`
initial commit 2024-08-08 09:04:57 +02:00
			`<h1>Eksempel 1</h1>`
stylesheet 2024-08-08 14:22:09 +02:00			`<div id="cards">`
			`<div class="card">`
team oppgave 2024-08-14 14:52:08 +02:00			`<div class="header green" onclick="green()">`
stylesheet 2024-08-08 14:22:09 +02:00			`Verktøy`
			`</div>`
visuell-teller 2024-08-16 14:01:43 +02:00			`<div class="innerCard" id="green"></div>`
stylesheet 2024-08-08 14:22:09 +02:00			`</div>`
initial commit 2024-08-08 09:04:57 +02:00			`</div>`
stylesheet 2024-08-08 14:22:09 +02:00			`<div class="card">`
visuell-teller 2024-08-16 14:01:43 +02:00			`<div class="innerCard" id="green">`
stylesheet 2024-08-08 14:22:09 +02:00			`</div>`
initial commit 2024-08-08 09:04:57 +02:00			`</div>`
stylesheet 2024-08-08 14:22:09 +02:00			`<div id="cards">`
			`<div class="card">`
team oppgave 2024-08-14 14:52:08 +02:00			`<div class="header blue" onclick="blue()">`
stylesheet 2024-08-08 14:22:09 +02:00			`HTML`
			`</div>`
			`</div>`
initial commit 2024-08-08 09:04:57 +02:00			`</div>`
stylesheet 2024-08-08 14:22:09 +02:00			`<div class="card">`
visuell-teller 2024-08-16 14:01:43 +02:00			`<div class="innerCard" id="blue">`
initial commit 2024-08-08 09:04:57 +02:00			`</div>`
			`</div>`
stylesheet 2024-08-08 14:22:09 +02:00			`<div id="cards">`
			`<div class="card">`
visuell-teller 2024-08-16 14:01:43 +02:00			`<div class="header red" onclick="red()">`
stylesheet 2024-08-08 14:22:09 +02:00			`CSS`
			`</div>`
			`</div>`
initial commit 2024-08-08 09:04:57 +02:00			`</div>`
stylesheet 2024-08-08 14:22:09 +02:00			`<div class="card">`
visuell-teller 2024-08-16 14:01:43 +02:00			`<div class="innerCard" id="red">`
initial commit 2024-08-08 09:04:57 +02:00			`</div>`
			`</div>`
stylesheet 2024-08-08 14:22:09 +02:00			`<div id="cards">`
			`<div class="card">`
visuell-teller 2024-08-16 14:01:43 +02:00			`<div class="header yellow" onclick="yellow()">`
stylesheet 2024-08-08 14:22:09 +02:00			`JavaScript`
			`</div>`
			`</div>`
			`<div class="card">`
visuell-teller 2024-08-16 14:01:43 +02:00			`<div class="innerCard" id="yellow">`

stylesheet 2024-08-08 14:22:09 +02:00			`</ul>`
			`</div>`
initial commit 2024-08-08 09:04:57 +02:00			`</div>`
			`</div>`
stylesheet 2024-08-08 14:22:09 +02:00			`<div id="cards">`
			`<div class="card">`
visuell-teller 2024-08-16 14:01:43 +02:00			`<div class="header dark" onclick="dark()">`
stylesheet 2024-08-08 14:22:09 +02:00			`Hode, kropp og ben`
			`</div>`
			`</div>`
			`<div class="card">`
moved some files around 2024-08-19 14:41:28 +02:00
stylesheet 2024-08-08 14:22:09 +02:00			`<div id="body" class="bodyPart">`
			`<button onclick="selectBody4()">◀</button>`
			`<img src="img/body1.png">`
			`<button onclick="selectBody2()">▶</button>`
			`</div>`
			`<div id="legs" class="bodyPart">`
			`<button onclick="selectLegs4()">◀</button>`
			`<img src="img/legs1.png">`
			`<button onclick="selectLegs2()">▶</button>`
			`</div>`
initial commit 2024-08-08 09:04:57 +02:00			`</div>`
			`</div>`
			`</body>`

			`</html>`