HTML-Challenge/LeaZouein_HTML3.html at master · LeaZN/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
103
104
105
106
107
108
109
110
111
112
113
114
115
116
<html>
    <title> HTML3_Ex </title>


    <div class="ALL">
<head>
    <link rel="preconnect" href="https://fonts.gstatic.com">
    <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@200&display=swap" rel="stylesheet">

    <link rel="stylesheet" href="styleSheet_HTML3.css" />

</head>
<body>
    <header>
        <h2> Site TITLE</h2>
        <h3> Slogan </h3>
    </header>

    <div class="flexContainer">
        <div> <a href=home> Home </a> </div>
        <div class="vl"></div>
        <div> <a href=contact> Contact </a></div>
        <div class="vl"></div>
       <div> <a href=newpage1> New Page 1 </a></div>
       <div class="vl"></div>
      <div> <a href=newpage2> New Page 2 </a></div>
      <div class="vl"></div>
     <div> <a href=newpage3> New Page 3 </a></div>
     <div class="vl"></div>
    <div> <a href=newpage4> New Page 4 </a></div>

    </div>


    <div class="mainDivision">
        <div class="menu"> <div class="main">
            <h3> Main Menu </h3>
            <ul>
                <li>  <a href="#"> Menu Item 1 </a> </li>
                <li> <a href="#"> Menu Item 2 </a> </li>
                <li> <a href="#">Menu Item 3</a></li>
                <li><a href="#"> Menu Item 4 </a></li>
                <li> <a href="#"> Menu Item 5 </a></li>
                <li><a href="#"> Menu Item 6 </a></li>
                <li><a href="#"> Menu Item 7 </a></li>
                <li><a href="#">Menu Item 8</a></li>
                <li><a href="#">Menu Item 9</a></li>
            </ul>
        </div>
        <div class="block">
            <h3> Block </h3>
            <h4> Enter block content here... </h4>
            <p> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolorem inventore similique possimus at velit animi doloremque corporis perspiciatis earum totam.</p>
        </div>
    </div>
       <div class="menu_2">
        <div class="gallery">
            <div class="galleryLine">
            <h3>Gallery</h3></div>
        Lorem ipsum dolor sit, amet consectetur adipisicing elit. Similique rerum, ea, reprehenderit voluptas quia ullam nobis unde possimus assumenda animi natus neque id dolore illum vero numquam recusandae veniam culpa vitae, nisi eum in ad obcaecati labore! Porro aut eius mollitia doloribus, rem dicta est!</div>
        <div class="final">
            <div class="subscription">
                <h3>Subscription</h3>
                <p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Fugiat dolorem veniam, at, aliquid, distinctio optio laborum reiciendis suscipit assumenda fugit repudiandae nemo accusantium quasi unde! Cupiditate ex adipisci eos illum.</p>
                <button class="bt1">Read more</button>
            </div>
        <div class="otherservices">
            <h3> Other Services</h3><p>
        Lorem ipsum dolor sit amet consectetur adipisicing elit. Autem tempora repudiandae placeat voluptatem, voluptate officiis labore! Perferendis impedit odit facilis similique minima sit veritatis quos.
            </p><button class="bt2">Read more</button></div>

       </div>


    </div>
    <div class="clear"></div>

    <br><br><br>
    <form>
        <div>
            <label for="name"> Name</label>
            <input type="text" placeholder="your name" id="name">
            </div>
            <div>
                <label for="email"> Email</label>
                <input type="email" placeholder="[email protected]" id="email">
                </div>
                <div>
                    <label for="message"> Message</label>
                    <textarea class="text-area" id="message"> Your Message </textarea>
                    </div>
                    <div>
                        <div>
                            <label for="complaint"> complain </label>
                            <input  type="radio" id="complaint" name="onlyOne">

                        </div>
                        <div>
                            <label for="suggestion"> suggestion </label>
                            <input type="radio" id="suggestion" name="onlyOne">
                        </div>
                    </div>
                    <button type="submit"> Submit </button>
                </div>


    </form>

    <footer>
        Copyright Ⓒ 2014
    </footer>
</div>
</body>
</div>
</html>