HTML-CSS/index.html at main · belaletech/HTML-CSS · 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
<!DOCTYPE html>
<html lang="en">
  <head>
    <title>arise tech</title>
    <link rel="stylesheet" href="style.css" />
  </head>
  <body>
    <div class="main">
      <div class="navbar">
        <div class="icon">
          <h2 class="logo">Arise<span>Tech</span></h2>
        </div>
        <div class="menu">
          <ul>
            <li><a href="#">HOME</a></li>
            <li><a href="#">Tutorial</a></li>
            <li><a href="#">Practice</a></li>
            <li><a href="#">Bootcamp</a></li>
            <li><a href="#">CONTACT</a></li>
          </ul>
        </div>

        <div class="search">
          <input
            class="srch"
            type="search"
            name=""
            placeholder="Search our tutorial,e.g.C,Java.."
          />
          <a href="#"><button class="btn">Search</button></a>
        </div>
      </div>
      <div class="content">
        <h1>With the India's largest<br><span>Tutorial Site.</span></h1>
        <p class="par">
          <h2>Welcome to Arise Tech</h2><br />
          The ultimate resource for computer science students!
          <br />Whether you're just starting out or looking to enhance your
          skills <br />our comprehensive tutorials and guides
          cover everything from<br />programming languages to algorithms and data
          structures.<br />
          With easy-to-follow explanations, practical examples, and interactive
          exercises<br />
          you'll be able to master the fundamentals and advance your knowledge
          in no time.<br />
          Join our community of learners and let's embark on a journey of
          discovery<br />
          and growth in the exciting world of computer science!"
        </p>
        <br>
        <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="" placeholder="Enter Password Here">
          <button class="btnn"><a href="#">Login</a></button>
          <p class="link">Don't have an account<br>
          <a href="#">Sign Up</a> Here</p>
          <p class="liw">Login 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-twitter"></ion-icon></a>
              <a href="#"><ion-icon name="logo-google"></ion-icon></a>
              <a href="#"><ion-icon name="logo-linkedin"></ion-icon></a>
              <a href="#"><ion-icon name="logo-Skype"></ion-icon></a>


            </div>
        </div>
      </div>
        </div>

      </div>
    </div>
    <script src="https://unpkg.com/ionicons@5.4.0/dist/ionicons.js"></script>
  </body>
</html>