HTML-Challenge/HTML3.html at master · Moemenhaydar/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
93
94
95
96
97
98
99
100
101
102
<!DOCTYPE html>
<html lang="en">

<head>
    <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>Document</title>
    <link rel="stylesheet" href="HTML3.css">
</head>

<body>
    <div class="container">
        <div class="header">
            <h3>Enter The Site Title</h3>
        </div>
        <div class="navbar">
            <nav>
                <ul>
                    <li><a href="#">Home</a></li>
                    <li><a href="#">Contact</a></li>
                    <li><a href="#">New page 1</a></li>
                    <li><a href="#">New page 2</a></li>
                    <li><a href="#">New page 2</a></li>
                    <li><a href="#">New page 3</a></li>
                    <li><a href="#" class="border">New page 4</a></li>
                </ul>
            </nav>
        </div>
        <div class="section">
            <aside>
                <div class="menu">
                    <h3>Main Menu</h3>
                    <ul>
                        <li><a href="#">Main Menu 1</a></li>
                        <li><a href="#">Main Menu 2</a></li>
                        <li><a href="#">Main Menu 3</a></li>
                        <li><a href="#">Main Menu 4</a></li>
                        <li><a href="#">Main Menu 5</a></li>
                        <li><a href="#">Main Menu 6</a></li>
                        <li><a href="#">Main Menu 7</a></li>
                        <li><a href="#">Main Menu 8</a></li>
                        <li><a href="#">Main Menu 9</a></li>
                    </ul>
                </div>
                <div class="block">
                    <h3>Blocks</h3>
                    <p>Enter Blocks Content Here....</p>
                    <br />
                    <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type
                        specimen book.
                    </p>

                </div>
            </aside>
            <section>
                <div class="content">
                    <div class="Gallery">
                        <h3>Gallery</h3>
                        <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type
                            specimen book.t is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters,

                        </p>

                    </div>
                    <div class="end">
                        <div class="sub">
                            <h3>Subscription</h3>
                            <p>t is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters,</p>
                            <input type="button" value="Read more">
                        </div>
                        <div class="service">
                            <h3>Other Services</h3>
                            <p>t is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters,</p>
                            <input type="button" value="Read more">
                        </div>
                    </div>

                </div>
            </section>
        </div>
    </div>
    <fieldset class="form">
        <legend>Naruto</legend>
        <label for="name" required>Enter your Name:</label>
        <input type="text" name="" id="name"><br>
        <label for="email" required>Email:</label>
        <input type="email" id="email"><br>
        <label for="massege" required>Massege:</label>
        <input type="text" name="" id="massege"><br>
        <label for="gender">Gender:</label>
        <label for="gender">Male</label>
        <input type="radio" name="" id="gender">
        <label for="gender">Female</label>
        <input type="radio">
        <input type="submit">

    </fieldset>
    <footer>Copyright &#169; 2014 </footer>
</body>

</html>