InternsTasks/CSS_Task-2.html at main · kalkikumar57/InternsTasks · 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
67
68
69
70
71
72
73
<!DOCTYPE html>
<html>
    <head>
        <title>CSS_Task-2</title>
        <style>
                .vertical{
                    float:left;
                    margin:1% 1%;
                    border:1px solid black;
                    padding:10px 5px;
                    width: 30%;
                }
                .vertical a{
                    display: block;
                    color:blue;
                    background-color:skyblue;
                    padding: 10px 16px;
                    text-decoration: none;
                }
                .vertical a:hover{
                    background-color:orange;
                    color: white;

                }
                .horizontal{
                    border: 1px solid black;
                    padding: 5px;
                    float: left;
                    margin-left: 10%;
                    margin-top: 10%;
                    width: 50%;
                }
                .horizontal a{
                    float: left;
                    display: block;
                    color:blue;
                    border-right:1px solid blue;
                    flex-wrap: wrap;
                    background-color:#f1f1f1;
                    padding:10px 16px;
                    text-decoration: none;
                }
                .horizontal a:hover{
                    background-color: gray;
                    color:white;
                }
                .container{
                overflow: hidden;
                }
        </style>
    </head>
    <body>
        <div class="container">
            <div class="vertical">
                <a href="./css_task2.html" style="background-color: orange;  color:white;">Home </a>
                <a href="https://www.javatpoint.com/java-tutorial">java</a>
                <a href="https://www.javatpoint.com/html-tutorial">HTML</a>
                <a href="https://www.javatpoint.com/css-tutorial">CSS</a>
                <a href="https://www.javatpoint.com/bootstrap-tutorial">Bootstrap</a>

            </div>
            <div class="horizontal">
                <a href="./css_task2.html" style="background-color:gray; color:white;">Home</a>
                <a href="https://www.javatpoint.com/java-tutorial">java</a>
                <a href="https://www.javatpoint.com/html-tutorial">HTML</a>
                <a href="https://www.javatpoint.com/css-tutorial">CSS</a>
                <a href="https://www.javatpoint.com/bootstrap-tutorial">Bootstrap</a>

            </div>

        </div>
    </body>
</html>