Lesson-3-Mini-Project/index.html at main · Bcott93/Lesson-3-Mini-Project · 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
<!DOCTYPE html>
<html>
    <head>

        <title> BECOME A FRONT END WEB DEVELOPER </title>
        <link rel="stylesheet" type="text/css" href="./style.css">

    </head>

    <body>

        <header class="H1heading">
          <h1>JOIN OUR FRONT END DEVELOPMENT COURSE FOR JUST &#163;2.99</h1>
            <h2>
              <nav>

                <ul>
                  <li><a href="#aboutthecourse">ABOUT THE COURSE</a></li>
                  <li><a href="#pricing">PRICING</a></li>
                  <li><a href="#contact">REGISTER</a></li>
                </ul>
              </nav>
              </h2>


        </header>


    <h3> THIS IS NOT A SCAM ;)</h3>

    <img src="web_developer.jpeg.jpg" alt="Unlucky" >
    <h4>You could be as happy as her! </h4>

    <p> Visitors are in for a chance to join their dream educational experience!!</P>
      <div class="infomain">
      <h4 id="aboutthecourse">ABOUT THE COURSE</h4>
    <p>If you would like to learn web development and get a job in the tech industry, you are going to LOVE this course! Learn HTML, CSS, JavaScript, Bootstrap and more with over 15 hours of HD video tutorials! This course was designed to be extremely beginner friendly. We will begin with the very basics of HTML and build a simple web page. By the end of this course, you will be able to develop and publish your very own Google Chrome extension! In this course we will focus on coding exercises and projects. Your time will not be wasted reviewing unnecessarily long PowerPoint presentations. Upon completing this course, you will have a solid portfolio of development projects to show potential employers!</p>
    <ul>
      <h4 id="pricing">PRICING</h4>
    <p>At on £2.99 a month, this course is filled with over £15,000 worth of edicational materials and tools to help you get into the tech industry. We now have a special offer running, if you buy this course, you will get your next course at 50% off! JOIN NOW!</p>
    <ul>
    </div>

    <div class="fillform">
        <li> Please cross your fingers </li>
        <li> Cross your toes </li>
        <li> Please fill in the form below </li>
    </ul>
</div>
<center>
<section class="form">
    <h4 id="contact">Contact Information</h4>
    <p>
      <div>
      <label for="name">
        <span>Full Name:</span>
        <input type="text" name="Full Name">
        <span>Email:</span>
        <input type="text" name="Full Name">
        </label>
      </div>
      <br>

      <label for="card">
        <span>Card type:</span>
      </label>
      <select id="card" name="usercard">
        <option value="visa">Visa</option>
        <option value="mc">Mastercard</option>
        <option value="amex">American Express</option>
      </select>
    </p>
    <p>
      <label for="number">
        <span>Card number:</span>
        <strong><span aria-label="required">*</span></strong>
      </label>
      <input type="tel" id="number" name="cardnumber" />
    </p>
    <p>
      <label for="expiration">
        <span>Expiration date:</span>
        <strong><span aria-label="required">*</span></strong>
      </label>
      <input
        type="text"
        id="expiration"
        required="true"
        placeholder="MM/YY"
        pattern="^(0[1-9]|1[0-2])\/([0-9]{2})$" />
    </p>
    <p>
      <button type="submit">Validate The Payment</button>
    </p>
  </section>
</center>
<footer> You won't actually win anything, please don't give people your details
<h4> Made By Benjamin, Hoger, Rebecca, Chido</h4>

</footer>


</body>
</html>