veligura-practice-14-form/dailyform.html at master · ba-krm-front-one/veligura-practice-14-form · 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
<!Doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Dailyform</title>
    <link rel="stylesheet" href="css/normalize.css">
    <link rel="stylesheet" href="css/daylyform.css">
</head>
<body>
<main class="my-main">
    <section class="content">
        <header class="content__header">
            <h1 class="header__title">Create your free account</h1>
            <p class="header__text">Come and join our cool and amazing community, fill in your details
                to get started. Already have an account?<a class="content__link" href="#">Log in.</a>
            </p>
        </header>
        <form action="#" method="get" class="content-form">
            <section class="content__input-name">
                    <input class="form-name form-style" type="text" name="first name" placeholder="First name">
                    <input class="form-name form-style" type="text" name="last name" placeholder="Last name">
            </section>
            <section class="content__input">
                <input type="email" name="email-address" placeholder="Email address" class="email-address form-style">
                <input type="password" name="password" placeholder="Password" class="password form-style">
                <button type="submit" class="content__btn">Sign up for free</button>
            </section>
        </form>
        <footer class="my-footer">
            <p class="text-footer">
                By clicking on “Sign up for free”, you agree to the <a href="#" class="content__link">Terms of Service</a> and
                the <a href="#" class="content__link">Privacy Policy</a>
            </p>
        </footer>
    </section>
</main>
</body>
</html>