Changeset 4ee640e


Ignore:
Timestamp:
02/04/23 20:11:03 (23 months ago)
Author:
DenicaKj <dkorvezir@…>
Branches:
master
Children:
ade54f6
Parents:
a554435
Message:

Update header.html

File:
1 edited

Legend:

Unmodified
Added
Removed

  • src/main/resources/templates/fragments/header.html

    ra554435 r4ee640e  
    55    <title>Title</title>
    66</head>
     7<style>
     8    @import url("https://fonts.googleapis.com/css?family=Varela+Round");
     9    html {
     10        box-sizing: border-box;
     11    }
     12
     13    *,
     14    *:before,
     15    *:after {
     16        box-sizing: inherit;
     17        padding: 0;
     18        margin: 0;
     19        letter-spacing: 1.1px;
     20    }
     21
     22    body,
     23    html {
     24        width: 100%;
     25        height: 10%;
     26        background: #1c1d22;
     27        font-family: "Varela Round", sans-serif;
     28    }
     29
     30    .menu {
     31        display: flex;
     32        justify-content: start;
     33        align-items: start;
     34        margin: 20px auto;
     35        /*height: 100vh;*/
     36        list-style: none;
     37    }
     38
     39    .menu li {
     40        width: 125px;
     41        height: 50px;
     42        transition: background-position-x 0.9s linear;
     43        text-align: center;
     44
     45    }
     46    .menu li a {
     47        font-size: 22px;
     48        color: #777;
     49        text-decoration: none;
     50        transition: all 0.45s;
     51    }
     52
     53
     54</style>
    755<body>
    8 
     56<nav>
     57    <ul class="menu">
     58        <li><a href="#!">MovieZone</a></li>
     59        <li><a href="#!">Филмови</a></li>
     60        <li><a href="#!">Програма</a></li>
     61        <li><a href="#!">Настани</a></li>
     62        <li><a href="#!">Faq</a></li>
     63    </ul>
     64</nav>
    965</body>
    1066</html>
Note: See TracChangeset for help on using the changeset viewer.