HTMLChallenge/souad.HTML3.html at master · SouadTorfi/HTMLChallenge · 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
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
<!DOCTYPE html>
<html>

<head>
   <link rel="stylesheet" href="HTML3.css">
</head>

<body>

   <header>
      <img src="C:\Users\User\Desktop\souadHTML1\html3.jpg" alt="image of world" />
      <div class="text">
         <h1>souad html</h1>
         <p>website</p>
      </div>
   </header>

   <nav>
      <ul class="nav">
         <li class="nav2"><a href="#">Home</a></li>
         <li class="nav2"><a href="#">Contact</a></li>
         <li class="nav2"><a href="#">New page 1</a></li>
         <li class="nav2"><a href="#">New page 2</a></li>
         <li class="nav2"><a href="#">New page 3</a></li>
         <li class="nav2"><a href="#">New page 4</a></li>


      </ul>

   </nav>
<div class="comtainer">
   <div class="content">
      <div class="col-3">
         <div class="menu">
            <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>
            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ornare libero eu tortor sagittis, eget
               tempor
               eros placerat.
               Proin molestie sapien eget est finibus vulputate.</p>
         </div>
      </div>

      <div class="col-9">
         <div class="gallery">
            <h4>Gallery</h4>
            <hr>
            <p>Duis finibus velit sed risus ultrices, et molestie quam rutrum. Vivamus pulvinar odio eu risus vehicula
               facilisis. Aenean non massa turpis. Nam ultricies tincidunt dolor, non luctus lacus ultricies ut. Quisque
               finibus lectus sit amet nisl pharetra volutpat. Nam sodales lectus risus, a pulvinar nisl volutpat sit
               amet.
               Etiam urna justo, rutrum in dapibus vel, tincidunt non nisi. Donec sapien nunc, aliquet eu libero ac,
               faucibus
               imperdiet lectus. Maecenas lacinia vitae massa non vehicula. Aenean nec finibus dui. Sed diam turpis,
               lacinia
               quis elit sed, gravida lobortis augue.
               Donec auctor non nulla nec lacinia.</p>
         </div>
         <div class="others">
            <div class="subscription">
               <h3>Subscription</h3>
               <p>Pellentesque risus est, condimentum ut ante in, viverra sagittis dui.
                  Sed magna ex, lobortis non nibh in, suscipit tristique tellus. Sed a nisi quis mauris aliquam rhoncus a a
                  enim.
               </p>
               <button type="button">Read more</button>
            </div>
            <div class="services">
               <h3>Other Services</h3>
               <p>Curabitur ullamcorper quis nibh eget molestie. Vivamus neque risus, porttitor non facilisis nec,
                  fermentum
                  nec
                  est. Sed tellus turpis,
                  vestibulum id faucibus quis, bibendum at arcu.</p>
               <button type="button">Read more</button>
            </div>
         </div>

      </div>
   </div>
<div class="last">


   <div>
      <br>
      <label for="name">Enter your Name:</label>
      <input type="text" id="name" name="name" placeholder="enter your name:">
      <br><br>
      <label for="email" >Enter your email:</label>
      <input type="email" id="email" name="email" placeholder="enter your email:">

      <br><br>
      <label for="message">message:</label><br>
      <textarea rows="4" placeholder="enter message....."></textarea>


   </div>


   <div>
      <p><b>check:</b></p><label for="html">Complaint</label>
        <input type="radio"  name="radio" >
        <label for="html">Suggestion</label>

        <input type="radio" name="radio1" >

   </div>
   <div>
      <br>
      <button type="button">Submit</button>
   </div>

       </div>
      <hr>

      <footer>copyright @ 2014.</footer>


   </div>

   </div>

</body>

</html>