sophia.github.io/Event invite.index.html at main · saff-coder/sophia.github.io · 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
<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <title> "Project: Event invite"</title>
        <style>
            body {font-family:sans-serif;
            background-color:rgb(238, 233, 242);

            }
                 #boy{float:left;
                 margin-left:51px;
                margin-bottom:20px;
            }
          #girl{float: right;
              margin-left:33px;
              margin-bottom:20px;
          }
            #table{ background: rgb(150, 150, 245);

            }
            #pink{color:rgb(232, 33, 215);}
            #blue{color:rgb(88, 40, 235);}

        </style>
    </head>
    <body>

        <h1 style="text-align:center;">Welcome to our Gender Reveal Party </h1>
        <h2 style="text-align:center;">Boy or Girl?</h2>

       <p><img id="boy" src="https://cdn.kastatic.org/third_party/javascript-khansrc/live-editor/build/images/cute/CharacterBoy.png" alt="Cartoon boy character"></p>
       <p><img id="girl" src="https://cdn.kastatic.org/third_party/javascript-khansrc/live-editor/build/images/cute/CharacterPinkGirl.png" alt="Cartoon girl character"></p>
        <p >Please Join us for A Gender Reveal Party Honering</p>
       <h2 style="text-align:center;"> John & Carrie Johnson </h2>

        <div id="table"><h2>Event Schedule</h2>
        <table>
        <thead>
        <tr>
        <th>Time</th>
        <th>Session</th>
        </tr>
        <tr>
        <td>12:00PM</td>
        <td> Refreshment</td></tr>
         <tr><td>12:30PM</td>
        <td> Guess the Gender</td></tr>
         <tr><td>1:00PM</td>
        <td> Photo Booth</td></tr>
         <tr><td>1:30PM</td>
        <td> Baby Pool</td></tr>
         <tr><td>2:00PM</td>
        <td> Baby Clothes Decorating</td></tr>

        </thead>
        </table></div>

        <h3>When and where</h3>
        <ul>
            <li>Saturday 12th of March 12-2:30 PM </li>
            <li>Our Garden in Canary wharf</li>
            <li>RSVP TO Carrie on 1234567890</li>
        </ul>
        <p style="text-align:center;">PLEASE WEAR <span id="pink">PINK</span> OR <span id="blue">BLUE</span> TO CAST YOUR VOTE</P>

    </body>

</html>