progate.github.io/index.html at master · shivangi557/progate.github.io · 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
<!DOCTYPE html>
<html>
  <!-- Settings of the HTML document -->
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Deal With C++</title>
    <link rel="stylesheet" href="stylesheets/stylesheet.css" />

  </head>
  <body>
    <!-- Header -->
    <header>
      <div class="container">
        <div class="header-left">
          <img class="logo" src="pictures/logo.png"/>
        </div>

        <div class="header-right">
          <a href="#">Home</a>
        </div>
      </div>
    </header>
    <!-- Top -->
    <div class="top-wrapper">
      <div class="container">
        <h1>LET'S LEARN THE BASICS</h1>
        <h1> OF C++ PROGRAMING LANGUAGE.</h1>
        <p></p>
        <p><u>We wil be covering the following topics.</u></p>
        <div class="btn-wrapper">
          <a href="sample2.html" class="btn one">C Data Types</a>
          <a href="sample3.html" class="btn two">Operators & Expressions</a>
          <a href="sample4.html" class="btn three">Flow of Control</a>
          <a href="sample5.html" class="btn four">Console I/O Operations</a>
<p> </p>
       <p><a href="sample6.html" class="btn five">Arrays</a>
       <a href="sample7.html" class="btn six">Functions</a>
       <a href="sample8.html" class="btn seven">Library & Header Files</a>

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

    <!-- Message -->
    <div class="message-wrapper">
      <div class="container">
        <div class="heading">
          <h2>Ready to become an awesome programmer?</h2>
          <h3>Let's learn to code, learn to be creative!</h3>
        </div>
        <a href="sample2.html"><span class="btn message">Start Learning</span></a>
      </div>
    </div>
    <!-- Footer -->
    <footer>
      <div class="container">
        <img src="pictures/logo.png" />
        <div class="footer-msg">For more details contact- abc@gmail.com</div>
      </div>
        </footer>
  </body>
</html>