projects/index.html at main · prabhu30/projects · 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
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>Prabhu's Projects</title>

  <link rel="stylesheet" href="styles.css">

  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-+0n0xVW2eSR5OomGNYDnhzAbDsOXxcvSN1TPprVMTNDbiYZCxYbOOl7+AMvyTG2x" crossorigin="anonymous">

  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css">

</head>
<body class="bg-dark">

  <nav class="navbar sticky-top navbar-expand-lg navbar-dark bg-primary text-white">

          <div class="container-fluid">

            <a class="navbar-brand" href="index.html">My Projects</a>

            <button class="navbar-toggler collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">

              <span class="navbar-toggler-icon"></span>

            </button>

            <div class="navbar-collapse collapse" id="navbarSupportedContent" style="">

              <ul class="navbar-nav ms-auto mb-2 mb-lg-0">

                <li class="nav-item mx-3">
                  <a class="nav-link active" aria-current="page" href="#">Home</a>
                </li>
                <li class="nav-item dropdown">
                  <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
                    Projects
                  </a>
                  <ul class="dropdown-menu bg-light" aria-labelledby="navbarDropdown">
                    <li><a class="dropdown-item text-info text-center" href="js.html">JavaScript Projects</a></li>
                    <li><a class="dropdown-item text-info text-center" href="htmlcss.html">HTML CSS Projects</a></li>
                    <li><a class="dropdown-item text-info text-center" href="boot.html">Bootstrap Projects</a></li>
                    <li><a class="dropdown-item text-info text-center" href="cpp.html">C++ Projects</a></li>
                    <li><a class="dropdown-item text-info text-center" href="tk.html">Tkinter Projects</a></li>
                  </ul>
                </li>
                <li class="nav-item mx-3">
                  <a class="nav-link" href="https://certificates.prabhukalyan.repl.co" target="_blank">My Certificates</a>
                </li>
                <li class="nav-item mx-3">
                  <a class="nav-link" href="https://portfolio.prabhukalyan.repl.co" target="_blank">Portfolio</a>
                </li>

              </ul>

            </div>

          </div>

      </nav>

  <!-- <div class="container text-center mt-5">
    <a class="d-block mb-5 text-decoration-none" href="js.html">JavaScript Projects</a>
    <a class="d-block mb-5 text-decoration-none" href="htmlcss.html">HTML CSS Projects</a>
    <a class="d-block mb-5 text-decoration-none" href="boot.html">Bootstrap Projects</a>
    <a class="d-block mb-5 text-decoration-none" href="cpp.html">C++ Projects</a>
    <a class="d-block mb-5 text-decoration-none" href="tk.html">Tkinter Projects</a>
  </div> -->

  <h1 class="text-primary text-center mt-5">My Projects</h1>

  <div class="container mt-3 p-4 pb-0">

    <div class="row">

      <div class="col-md-3">
        <div class="card mb-3">
            <img src="images/jsimg.png" class="card-img-top border border-2 border-warning index">
              <div class="card-body bg-dark text-white">
                <h5 class="card-title">JavaScript Projects</h5>
                <p class="card-text">I have done some cool projects in a language, which is widely used in web frameworks.</p>
                <a class="btn btn-primary me-1" href="js.html" target="_blank">Visit now <i class="fas fa-eye"></i></a>
                <a class="btn btn-info" href="https://en.wikipedia.org/wiki/JavaScript" target="_blank">What's JS? <i class="far fa-meh-rolling-eyes"></i></a>
              </div>
        </div>
      </div>

      <div class="col-md-3">
        <div class="card mb-3">
            <img src="images/htcss.jpg" class="p-5 card-img-top border border-2 border-info rounded index">
              <div class="card-body bg-dark text-white">
                <h5 class="card-title">HTML CSS Projects</h5>
                <p class="card-text">Here are few simple projects done with HTML CSS, which is the base language in web development.</p>
                <a class="btn btn-primary me-1" href="htmlcss.html" target="_blank">Visit now <i class="fas fa-eye"></i></a>
                <a class="btn btn-info" href="https://www.google.com/search?q=html+css+wikipedia" target="_blank">HTML CSS? <i class="far fa-meh-rolling-eyes"></i></a>
              </div>
        </div>
      </div>

      <div class="col-sm col-md-3">
        <div class="card mb-3">
            <img src="images/bs.png" class="card-img-top border border-2 border-primary index">
              <div class="card-body bg-dark text-white">
                <h5 class="card-title">Bootstrap</h5>
                <p class="card-text">I experimented the default styles, offered by boostrap framework. Do check out !</p>
                <a class="btn btn-primary me-1" href="boot.html" target="_blank">Visit now <i class="fas fa-eye"></i></a>
                <a class="btn btn-info" href="https://en.wikipedia.org/wiki/Bootstrap_(front-end_framework)" target="_blank">What strap? <i class="far fa-meh-rolling-eyes"></i></a>
              </div>
        </div>
      </div>

      <div class="col-sm col-md-3">
        <div class="card mb-3">
            <img src="images/cpp.png" class="card-img-top border border-2 border-info index">
              <div class="card-body bg-dark text-white">
                <h5 class="card-title">C++ Projects</h5>
                <p class="card-text">An Object-oriented language is a powerful tool, when you want to build some amazing projects.</p>
                <a class="btn btn-primary me-1" href="cpp.html" target="_blank">Visit now <i class="fas fa-eye"></i></a>
                <a class="btn btn-info" href="https://en.wikipedia.org/wiki/C%2B%2B" target="_blank">What's C++? <i class="far fa-meh-rolling-eyes"></i></a>
              </div>
        </div>
      </div>

    </div>

  </div>


  <div class="container p-4 pt-0 pb-0">

    <div class="row">

      <div class="col-sm col-md-3">

        <div class="card mb-3">
            <img src="images/tkinter.jpg" class="card-img-top border border-2 border-info index">
              <div class="card-body bg-dark text-white">
                <h5 class="card-title">Tkinter Projects</h5>
                <p class="card-text">GUI projects are easy to build and understand in Python. Check out my tkinter projects.</p>
                <a class="btn btn-primary me-1" href="tk.html" target="_blank">Visit now <i class="fas fa-eye"></i></a>
                <a class="btn btn-info" href="https://en.wikipedia.org/wiki/Tkinter" target="_blank">What's Tk? <i class="far fa-meh-rolling-eyes"></i></a>
              </div>
        </div>

      </div>

    </div>

  </div>

  <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/js/bootstrap.bundle.min.js" integrity="sha384-gtEjrD/SeCtmISkJkNUaaKMoLD0//ElJ19smozuHV6z3Iehds+3Ulb9Bn9Plx0x4" crossorigin="anonymous"></script>

</body>
</html>