HTML-Challenge/Dana HTML 3.html at master · danaallam/HTML-Challenge · 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
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
<!DOCTYPE html>
<html lang="zxx">
<head>
    <link rel="stylesheet" href="stylesh.css">
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Level 3</title>
</head>
<body>
    <div class="bkgrnd">
        <h1 class="maxm mid">Programming for A <br>Better Future</h1>
    </div><br>
  <div class="navbar center">
        <a href="#">Home</a>
        <a href="#">Contact</a>
        <a href="#">New Page 1</a>
        <a href="#">New Page 2</a>
        <a href="#">New Page 3</a>
        <a href="#">New Page 4</a>
    </div><br>
    <br>
<br><br>

    <div class="box">
        <div class="left">
            <div>
                <h2>Menu</h2>
                <ul>
                    <li>
                        <a href="#">link 1</a>
                    </li>
                    <li>
                        <a href="#">link 2</a>
                    </li>
                    <li>
                        <a href="#">link 3</a>
                    </li>
                    <li>
                        <a href="#">link 4</a>
                    </li>
                    <li>
                        <a href="#">link 5</a>
                    </li>
                    <li>
                        <a href="#">link 6</a>
                    </li>
                </ul>
            </div>
            <div>
                <h2>Block</h2>
                Lorem ipsum dolor sit amet consectetur adipisicing elit. Iusto minima voluptas dicta error blanditiis iste quidem repellat quia itaque voluptates, exercitationem sit quis ad ducimus eum illum quos, non unde.
                Lorem ipsum dolor, sit amet consectetur adipisicing elit. Rem quas tempora quaerat? Eveniet reprehenderit quibusdam eos maiores ducimus earum, quos neque necessitatibus voluptatem explicabo omnis magnam harum fuga nesciunt quidem!
            </div>
        </div>
        <div class="right">
            <div>
                <h2>Gallery</h2> <hr>
                <p> Lorem, ipsum dolor sit amet consectetur adipisicing elit. Quidem laborum corporis earum repudiandae. Distinctio maxime ipsa eveniet velit ad consectetur illum maiores unde consequatur quam? Deleniti omnis consectetur minima delectus.
                    Lorem ipsum dolor sit amet consectetur adipisicing elit. Laudantium ex optio iste a temporibus molestiae itaque dolorem quas maiores voluptate, deserunt qui quidem necessitatibus praesentium excepturi cum consequuntur! Tenetur, incidunt.
                    Lorem ipsum dolor, sit amet consectetur adipisicing elit. Illum eveniet fuga deleniti, saepe commodi accusamus facilis, suscipit dolor quasi neque et placeat reprehenderit cum consectetur voluptatum quos totam rem tempore!
                </p>
            </div>
                <div class="bottomRight2">
                    <h2>Subscriptions</h2>
                    Lorem ipsum dolor sit amet consectetur adipisicing elit. Iusto minima voluptas dicta error blanditiis iste quidem repellat quia itaque voluptates, exercitationem sit quis ad ducimus eum illum quos, non unde.
                    Lorem ipsum dolor, sit amet consectetur adipisicing elit. Rem quas tempora quaerat? Eveniet reprehenderit quibusdam eos maiores ducimus earum, quos neque necessitatibus voluptatem explicabo omnis magnam harum fuga nesciunt quidem!
                    <br><br><button> Read more</button>
                </div>
                <div class="bottomRight1">
                    <h2>Other Services</h2>
                    Lorem ipsum dolor sit amet consectetur adipisicing elit. Iusto minima voluptas dicta error blanditiis iste quidem repellat quia itaque voluptates, exercitationem sit quis ad ducimus eum illum quos, non unde.
                    Lorem ipsum dolor, sit amet consectetur adipisicing elit. Rem quas tempora quaerat? Eveniet reprehenderit quibusdam eos maiores ducimus earum, quos neque necessitatibus voluptatem explicabo omnis magnam harum fuga nesciunt quidem!
                   <br><br><button> Read more</button>
                </div>
        </div>
    </div>

    <div class="mid"><form>
        <input type="text" placeholder="First Name"> <br><br>
        <input type="text" placeholder="Email Address"> <br><br>
        <textarea rows="15" cols="50" placeholder="Leave a message here..."></textarea> <br><br>
        <input type="radio" id="male" name="gender" value="male">
        <label for="male">Male</label><br><br>
        <input type="radio" id="female" name="gender" value="female">
        <label for="female">Female</label><br><br>
        <input type="submit" value="Submit">
    </form></div>
    <hr>
    <div class="mid color"><footer class="mid">Copyright &#169; 2021</footer></div>
</body>
</html>