HTML-Challenge/sharifaHTML3.html at master · sharifa-assi/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
<link rel="stylesheet" href="css2.css">
<head> <div class="header">
   <header>Enter Site Title</header>
   <header>Enter Site Slogan</header> </div>
<img src="https://storage.ning.com/topology/rest/1.0/file/get/8669839870?profile=original" alt="image" class="smaller-image"
>
</head>

<body>
<h1>
<div class="menu">
<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> </h1>


<h2>Main  Menu</h2>
<ul>
    <li>Menu Item 1</li>
    <li>Menu Item 2</li>
    <li>Menu Item 3</li>
    <li>Menu Item 4</li>
    <li>Menu Item 5</li>
    <li>Menu Item 6</li>
    <li>Menu Item 7</li>
    <li>Menu Item 8</li>
    <li>Menu Item 9</li>
    </ul>

<h3> <div class="gallery">Gallery</h3>
<div class="moveup"> Ang Lorem Ipsum ay ginagamit na modelo ng industriya ng pagpriprint at pagtytypeset. Ang Lorem Ipsum ang naging regular na modelo simula pa noong 1500s, noong may isang di kilalang manlilimbag and kumuha ng galley ng type at ginulo ang pagkaka-ayos nito upang makagawa ng libro ng mga type specimen. Nalagpasan nito hindi lang limang siglo, kundi nalagpasan din nito ang paglaganap ng electronic typesetting at nanatiling parehas. Sumikat ito noong 1960s kasabay ng pag labas ng Letraset sheets na mayroong mga talata ng Lorem Ipsum, at kamakailan lang sa mga desktop publishing software tulad ng Aldus Pagemaker ginamit ang mga bersyon ng Lorem Ipsum.</p>
</div>
<div class="block">   <h4>Block</h4>
<h5>Enter Block content here ...</h5>
<h6>Lorem ipsum dolor sit amet, consectetur adipiscing elit. <br> Quisque fermentum auctor imperdiet. Nunc dignissim <br> dignissim elit. Duis malesuada enim non lorem laoreet,<br> sit amet venenatis libero tincidunt.</h6>
</div> </div>
<div class="subscribe"><h7>Subscription</h7>
<p>Aenean massa. Cum sociis Theme natoque penatibus <br> et magnis dis parturient montes, nascetur ridiculus mus.<br> Lorem ipsum dolor sit amet, consectetuer adipiscing <br>elit. Aenean commodo ligula eget dolor.</p>
   <label>
      <input type="submit" name="Read More" value="Read More">
   </label>


<div class="other">
<h8>Other Services</h8>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque fermentum auctor imperdiet. Nunc dignissim dignissim elit. Duis malesuada enim non lorem laoreet, sit amet venenatis libero tincidunt. Phasellus ac sapien et tortor sodales laoreet. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Integer cursus faucibus efficitur. Maecenas sed placerat dui.
<label> </p>
      <input type="submit" name="Read More" value="Read More">
   </label>

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


<footer>
    <form name="contactusform" action="processor.html"method="get">
        <h8>Contact Us Form</h8>
        <p>Name:</p>
        <input type="text" name="txtName" id="txtName" value=""placeholder="Enter your Name"/>
        <p>Email:</p>
        <input type="text" name="txtEmail" id="txtEmail" value=""placeholder="Enter your Email"/>
        <p>Message:</p>
        <input type="text" name="txtMessage" id="txtMessage" value=""placeholder="Enter your message"/>

 <label>

<input type="radio" name="complaint">Complaint
 </label>
 <label>
    <input type="radio" name="suggestion">Suggestion
 </label>
 <label>
    <input type="submit" name="submitbutton" value="Submit">
 </label>


    </form>
</footer>