Kodecamp-task1/index.html at main · phalap1/Kodecamp-task1 · 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">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Bonus task</title>
    <link rel="stylesheet" href="./css/style.css">
</head>

<body class="Task">
    <div class="container">
        <header>
            <h2>
                Welcome
            </h2>
        </header>
        <br>
        <div class="Bio">
            <div class="Image">
                <img src="https://i.postimg.cc/fTBjsDnc/pexels-andres-ayrton-6578392-2.png" alt="Missing Image">
            </div>
            <div class="bio">
                <div class="intro">
                    <h3>Who we are?</h3>
                </div>
                <div>
                    Lorem ipsum dolor sit amet consectetur adipisicing elit. Corrupti repellendus quo tempore hic laborum mollitia ex praesentium officia vel excepturi dolorum voluptates, officiis dolores alias! Cum, debitis unde ipsa eum necessitatibus itaque temporibus
                    voluptatum sit libero accusantium nihil. Quaerat maxime repellat mollitia, libero soluta reprehenderit officia veritatis voluptatum nesciunt porro culpa doloribus ullam et error? </div>
                <br>
                <div>
                    Lorem ipsum dolor sit amet consectetur adipisicing elit. Corrupti repellendus quo tempore hic laborum mollitia ex praesentium officia vel excepturi dolorum voluptates, officiis dolores alias! Cum, debitis unde ipsa eum necessitatibus itaque temporibus
                    voluptatum sit libero accusantium nihil. Quaerat maxime repellat mollitia, libero soluta reprehenderit officia veritatis voluptatum nesciunt porro culpa doloribus ullam et error? </div>
            </div>


        </div>
        <div class="card">
            <form class="my-card">
                <h1>Contact Us</h1>
                <div class="free">
                    <label for="Firstname">First Name</label> <br>
                    <input type="text">
                </div>
                <br>
                <div class="free">
                    <label for="Last Name">Last Name</label> <br>
                    <input type="text">
                </div>
                <br>
                <div class="free">
                    <label>Your Message</label> <br>
                    <textarea name="message" id="" cols="116" rows="9"></textarea>
                </div>
                <input class="submit" type="submit" value="submit">
            </form>

        </div>

    </div>


    <div style=" margin-bottom: 100px; "></div>
</body>

</html>