mejba/catworld.html at main · Shahid2890R/mejba · 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
<!DOCTYPE html>
<html lang="en">
<head>
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>catworld</title>
</head>
<body>


      <main>
         <h1>CatPhotoApp</h1>

         <section>


        <h2>Cat Photos</h2>

         <p>See more <a target="_blank" href="https://www.google.com/">Cat Photos</a>  in our gallery</p>

         <img src="https://img.freepik.com/free-vector/sticker-template-cat-cartoon-character_1308-73786.jpg">

   </section>

         <section>
              <h2>Cat Lists</h2>
              <h3>Things cats love:</h3>

              <ul>
                 <li>Milk</li>
                 <li>Cheese</li>
                 <li>cat nip</li>
<li>laser pointersa</li>
<li>lasagna</li>
</ul>
<figure>
   <img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSlwRleHSVWsJDOKh0LeEvMXubPIXuPub9alQ&usqp=CAU">

     <img src="cat/Best-Lasagna-550-500x375.jpg">
     <figcaption>Cats <em>love</em> <em>lasagna.</em>  </figcaption>
     <h3>Top 3 things cats hate:</h3>

     <ol>
      <li>flea treatment</li>
      <li>thunder</li>
      <li>other cats</li>
          </ol>
</figure>
<figure>
  <img src="https://static9.depositphotos.com/1480613/1151/v/950/depositphotos_11510233-stock-illustration-5-cats-at-the-window.jpg">

    <figcaption>Cats <strong>hate</strong>  other cats.</figcaption>

</figure>

     </section>
     <section>
        <h2> Cat Form </h2>

        <form action="https://www.facebook.com/">

<fieldset>
   <legend>Is your cat an indoor or outdoor cat?</legend>


<label>  <input id=" indoor " type="radio" name="indoor-outdoor" value="indoor "> Indoor
</label>

<label>

<input id="outdoor" type="radio" name="indoor-outdoor" value="outdoor"   > Outdoor
</label>


</fieldset>

<fieldset>

<legend> What's your cat's personality?</legend>

<input id="loving" type="checkbox" name="personality"> <label for="loving">Loving</label>


</fieldset>


         <input type="text" name="catphotourl" placeholder="cat photo URL" required>
         <button>Submit</button>


              </form>


     </section>

      </main>

</body>
</html>