Untitled

<!DOCTYPE html>
<html>

<head>
    <!-- ha <style> ovanför <body> men under head
   -->
    <!-- hur centrerar jag hela text bilder + hela sidan - kolla w3schools.
   -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <style>
            body {
            background-image: url("https://images.photowall.com/products/60722/white-marble-4.jpg?h=699&q=85");
            background-color: rgb(255, 255, 255);
            opacity: 0.9;
        }
        
        h1 {
            background-color: #666;
            padding: 30px;
            text-align: center;
            font-size: 35px;
            color: rgb(12, 1, 1);
        }
        
        h5 {
            color: black;
            text-align: center;
        }
        
        nav {
            float: left;
            width: 40%;
            height: 600px;
            /* only for demonstration, should be removed */
            background: #ccc;
            padding: 20px;
        }
        
        nav ul {
            list-style-type: none;
            padding: 0;
        }
        
        p {
            float: center;
            font-family: verdana;
            font-size: 15px;
            color: black;
        }
        
        article {
            float: left;
            padding: 20px;
            width: 70%;
            background-color: #f1f1f1;
            height: 300px;
            /* only for demonstration, should be removed */
        }
        
        #wrap1 {
            width: 800px;
            margin: 0 auto;
        }
        
        #wrapper {
            width: 800px;
            margin: 0 auto;
        }
        
        #wrap2 {
            width: 800px;
            margin: 0 auto;
        }
        
        #wrap3 {
            float: right;
            width: 800px;
            margin: 0 auto;
        }
        
        #wrap4 {
            width: 800px;
            margin: 0 auto;
        }
        
        @media (max-width: 600px) {
            nav,
            article {
                width: 100%;
                height: auto;
            }
            footer {
                background-color: rgb(8, 7, 7);
                padding: 10px;
                text-align: center;
                color: rgb(243, 236, 236);
            }
    </style>
</head>

<body>
    <div id="wrapper">
        <title> Evelina Lindén </title>
    </div>
    <div id="wrap1">
        <h1>Evelina Lindén </h1>
    </div>
    <div id="wrap2">
        <p> Jag heter Evelina och är en tjej på 30 år som är född och uppvuxen i Göteborg. Jag arbetar idag i mitt eget företag som konstnär/designer och Andlig/själslig livscoach. Som coach hjäler jag människor som mår dåligt eller på något sätt kört fast
            och behöver stöd till positiva förändringar i livet med allt från sorgebearbetbibg , stresshantering, traumabearbetning till att finna glädje och indpiration i vardagen.
        </p>
        <table>
            <p>testar lite bilder </p>
        </table>
        <div id "wrap3">
            <img src="/evelinalinden.jpg. " alt="Evelina" style="width:300px;height:300px;">
        </div>

        <section>
            <nav>
                <p> Jag heter Evelina och är en tjej på 30 år som är född och uppvuxen i Göteborg. Jag arbetar idag i mitt eget företag som konstnär/designer och Andlig/själslig livscoach. Som coach hjäler jag människor som mår dåligt eller på något sätt
                    kört fast och behöver stöd till positiva förändringar i livet med allt från sorgebearbetbibg , stresshantering, traumabearbetning till att finna glädje och indpiration i vardagen. Som konstnär målar jag allt från Klassiska porträtt
                    och landskaps motiv till abstrakta motiv men också mycket rymdinspirerade motiv. Men också en heldel med mönster design för tyg och tapeter. Mitt mål med denna utbildningen är att läsa in behörighet för att studera vidare på yrkeshögskola
                    till Javascripts utvecklare. Samtidigt så är mitt mål med kursen också att lära mig webdesign då det är något jag tycker är intressant och dessutom har anvädning av i mitt företag. Jag valde betygsmål B.


            </nav>

            <article>
                <h1>Lite bilder på tavlor jag målat </h1>
                <p></p>
                <img src="https://scontent-arn2-1.xx.fbcdn.net/v/t1.6435-9/69154418_889022924812360_1346097829227003904_n.jpg?_nc_cat=101&ccb=1-3&_nc_sid=8bfeb9&_nc_ohc=PnjvPgrzpLsAX8YGn6X&_nc_ht=scontent-arn2-1.xx&oh=962490615b09fc9428575ef5fd756a46&oe=6093F765
        " alt="jag " width="250 " height="300 ">
                <img src="https://scontent-arn2-1.xx.fbcdn.net/v/t1.6435-9/69154418_889022924812360_1346097829227003904_n.jpg?_nc_cat=101&ccb=1-3&_nc_sid=8bfeb9&_nc_ohc=PnjvPgrzpLsAX8YGn6X&_nc_ht=scontent-arn2-1.xx&oh=962490615b09fc9428575ef5fd756a46&oe=6093F765
        " alt="jag " width="250 " height="300 ">
    </div>
    </article>
    </section>
    <!-- OBS använd ej facebook bilder, dålig kvalite!
   -->
    <div id "wrap3">
        <!--bilder-->

    </div>
    <div id "wrap4">
        <h5>
            <p> <strong> blaha blahaaaaa blaaaaaaa aaaaaaaaaaaaaaa mera blalalalalalallllaaaaaaaaaa aaaaaaaaaaaaaallaallalla bara för att fåå en längre text
        </strong></p>
        </h5>
    </div>

    <footer>
        <p>Footer</p>
    </footer>
</body>
</div>

</html>
Editor is loading...