HTML-Challenge/AnthonyHTML3.html at master · Anthony-Karam/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
<!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">
    <link rel="stylesheet" href="style3.css">
    <title>Challenge 3</title>
</head>
<body>

        <div class="img-p">
            <img src="./HTML-Challenge/img/unnamed.jpg" alt="space img">
         <div class="position">
             <h1>Enter Site Title</h1>
             <h5>Enter Site Slogan</h5>
            </div>
        </div>

    <nav>
        <ul class="nav-bar">
            <li>Home</li>
            <li>Contact</li>
            <li>New Page 1</li>
            <li>New Page 2</li>
            <li>New Page 3</li>
            <li>New Page 4</li>
        </ul>
    </nav>
    <div class="grid-parent">

        <div class="main-menu">
            <h3>Main Menu</h3><br>
        <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="gallery">
        <h3>Gallery</h3>
        <hr>
        <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Nobis sed obcaecati vel. Aliquam corrupti iure quidem, quam, accusantium inventore aliquid facilis velit porro culpa suscipit beatae rem ut consequatur ametLorem ipsum dolor sit amet consectetur adipisicing elit. Nobis sed obcaecati vel. Aliquam corrupti iure quidem, quam, accusantium inventore aliquid facilis velit porro culpa suscipit beatae rem ut consequatur Lorem ipsum dolor sit amet consectetur adipisicing elit. Nobis sed obcaecati vel. Aliquam corrupti iure quidem, quam, accusantium inventore aliquid facilis velit porro culpa suscipit beatae rem ut consequatur amet amet.</p>
    </div>
    <div class="block">
        <h3>Block</h3>
        <p>Enter Block content here...</p><br>
        <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Neque, cupiditate aspernatur dolorum aliquid eius quod obcaecati cum hic, officia non nam, voluptas similique dolore voluptatibus magnam unde! Ipsa, accusantium pariatur?</p>
    </div>
    <div class="subscription">
        <h3>Subscription</h3><br>
        <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Accusantium molestias facere quod culpa provident natus doloribus quam, voluptatem, voluptas veniam nostrum? Dignissimos ad voluptatibus fugiat accusantium quibusdam quas vitae voluptates.</p>
        <br>
        <button>Read more</button>
    </div>
    <div class="Other-services">
        <h3>Other Services</h3><br>
        <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Id temporibus aliquam, adipisci repellendus totam eaque. Quisquam maiores quibusdam qui, ipsa error vel quia numquam, ab expedita quae molestiae vitae voluptatibus.</p>
        <br>
        <button>Read more</button>
    </div>
</div>
</body>
<footer>
    <form class="message" action="">
        <label for="email">Name</label>
        <input type="text" name="Name" id=""><br>
        <label for="email">Email</label>
        <input type="text" name="email" id=""><br>
        <label for="message">Message</label>
        <input type="text"><br>
        <input type="radio" name="" id="">
        <label for="">complaint</label><br>
        <input type="radio" name="" id="">
        <label for="">suggestion</label><br>
        <button>Submit</button>
    </form>
</footer>
</html>