web-design-project/index.html at main · Unknown4742/web-design-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
<!DOCTYPE html>
<html lang="en">
  <head>
    <title>webpage design</title>
    <link rel="stylesheet" href="./public/css/style.css" />
  </head>
  <body>
    <div class="main">
      <div class="navb">
        <div class="icon">
          <h2 class="logo">NAIRB</h2>
        </div>
        <div class="menu">
          <ul>
            <li><a href="#">HOME</a></li>
            <li><a href="#">ABOUT</a></li>
            <li><a href="#">SERVICES</a></li>
            <li><a href="#">CONTACTS</a></li>
            <li><a href="#">DESIGN</a></li>
          </ul>
        </div>
        <div class="src">
          <input
            class="srch"
            type="search"
            name=""
            placeholder="Type to text"
          />
          <a href="#"><button class="btn">Search</button></a>
        </div>
      </div>
      <div class="content">
        <h1>
          Web design & <br />Development <br />
          course
        </h1>
        <p class="par">
          Web design is a specilisation of the design stream. <br />They also
          use HTML,CSS,editing softwares, <br />mark up validators etc
        </p>

        <button class="cn"><a href="#">JOIN US</a></button>
        <div class="form">
          <h2>Login here</h2>
          <input type="email" name="email" placeholder="Enter email here" />
          <input
            type="password"
            name="password"
            placeholder="Enter password here"
          />
          <button class="btnn"><a href="#">Login</a></button>

          <p class="link">
            Do not have an account<br /><a href="#">Sign up </a>here
          </p>
          <p class="liw">Log in with</p>
          <div class="icon">
            <a href="#"><ion-icon name="logo-facebook"></ion-icon></a
            ><a href="#"><ion-icon name="logo-instagram"></ion-icon></a
            ><a href="#"><ion-icon name="logo-skype"></ion-icon></a
            ><a href="#"><ion-icon name="logo-twitter"></ion-icon></a
            ><a href="#"><ion-icon name="logo-Google"></ion-icon></a>
          </div>
        </div>
      </div>
    </div>
    <script src="https://unpkg.com/ionicons@5.4.0/dist/ionicons.js"></script>
  </body>
</html>