school_website/relaunch.html at master · Undisputedking5/school_website · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Exercise</title>
    <style>
        body{
            background-color: red;
            font-family: Arial, sans-serif;
            margin: 0;
            padding: 0;
            color: black;
        }
        nav{
            background-color: indianred;
            display: flex;
            justify-content: center;
            align-items: center;
            padding:20px 5px;
        }
        nav ul{
            display: flex;
            list-style: none;

        }
        nav ul li{
            margin: 0 10px;

        }
        nav ul li a{
            text-decoration: none;
            color: black;
            font-weight: bold;
            font-size: 23px;


        }
        nav ul li a:hover{
            color:blue;
            background-color: orange;
            padding:10px 20px;
            border-radius: 5px;
        }
        img{
            width:600px;
            display:block;
            margin:20px auto;
            padding:30px;

        }
    </style>
</head>
<body>
<nav>
    <ul>
        <li><a href="">HOME</a></li>
        <li><a href="">ABOUT</a></li>
        <li><a href="">COURSES</a></li>
        <li><a href="">CONTACTS</a></li>
    </ul>
</nav>
<div class="hero_image">
    <img src="../hosipitali/assets/images/people-2557399_1280.jpg" alt="">
</div>
</body>
</html>