csbfamily/index.html at master · rasifabdulrazak/csbfamily · 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
<!DOCTYPE html>
<html lang="en" style="scroll-behavior: smooth;">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>CSB</title>
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
    <link rel="stylesheet" href="csb.css" type="text\css">

    <link rel="icon" href="c1.jpeg" type="image/icon type">
</head>
<body>
  <header style="position: fixed; z-index: 1;">
    <section style="background: linear-gradient(black,white);">
    <nav class="navbar navbar-expand-lg navbar-dark" style="float: right; border-color: yellow;">

        <button class="navbar-toggler align-items-center " type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent " aria-expanded="false" aria-label="Toggle navigation ">
          <span class="navbar-toggler-icon"></span>
        </button>

        <div class="collapse navbar-collapse" id="navbarSupportedContent">
          <ul class="navbar-nav mr-auto">
            <li class="nav-item active">
              <a class="nav-link text-success" href="csb.html" style="font-weight: bold;">Home <span class="sr-only">(current)</span></a>
            </li>
            <li class="nav-item active">
              <a class="nav-link text-success" href="csb1.html" style="font-weight: bold;">Our Family<span class="sr-only">(current)</span></a>
            </li>

            <li class="nav-item active">
              <a class="nav-link text-success" href="csb2.html" style="font-weight: bold;">Memories <span class="sr-only">(current)</span></a>
            </li>

            <li class="nav-item active">
              <a class="nav-link text-success text-align:right" href="csb3.html" style="font-weight: bold;">Teachers <span class="sr-only">(current)</span></a>
            </li>


          </ul>

        </div>
      </nav>
    </section>
  </header>


    <section class="homepage " id="Home-section" style="padding-top: 1em; background-image:linear-gradient(black,white)">


       <h1 class="text1 align-items-center text-center p-5 pt-1" style="font-style: oblique; font-weight: bolder; color: white;font-size: 50px; text-shadow: 0 0 3px #FF0000, 0 0 5px #0000FF;">CSB<br>FAMILY</h1>
       <h4 class="text1 align-items-center text-center p-5 pt-1" style="font-style: oblique; font-weight: bolder; ">"College life will be worth remembering for all of us,Four years of btech in our CSB class was such an awesome feeling for all of us.Rewinding our journey from first year to last year ,all the good moments we had;campus, hostel, departments, canteen, library, teachers, staffs,etc.and above all of this our soul mates.Let our bonds remain for lifelong."</h1>

      </section>


      <section class="bg-white p-4" id="institution-section" style="background: linear-gradient(white,black);" >
        <div class="container">
          <h1 class="text-center" style="font-weight: bolder; font-style: oblique;">About Us</h1>
          <div class="row">

            <div class="col-md-4 pt-3">
              <div class="card p-3" style="width: 18rem; background-color: black; border-radius: 25px;">
                <img class="img1" src="classphoto.jpg" style="width:100%; height: 250px;" alt="Responsive">
                <div class="card-body">
                  <h5 class="card-title text-center text-white" style="font-weight: bolder;">Our Family</h5>
                  <p class="card-text text-white">You can see our family members by clicking the button</p>
                  <a href="csb1.html" class="btn btn-success">Click Here</a>
                </div>
              </div>

          </div>

          <div class="col-md-4 pt-3">
            <div class="card p-3" style="width: 18rem;  background-color: black; border-radius: 25px;">
              <img class="img1"  src="c1.jpeg" style="width:100%; height: 250px;"  alt="Responsive" class="height:20">
              <div class="card-body">
                <h5 class="card-title text-center text-white" style="font-weight: bolder;">Moments</h5>
                <p class="card-text text-white">All the good moments we had,check it out by clicking the button below</p>
                <a href="csb2.html" class="btn btn-success ">Click Here</a>
              </div>
            </div>
          </div>

          <div class="col-md-4 pt-3">
            <div class="card p-3" style="width: 18rem;  background-color: black; border-radius: 25px;">
              <img class="img1"  src="classphoto.jpg" style="width:100%; height: 250px;" alt="Responsive">
              <div class="card-body">
                <h5 class="card-title text-center text-white" style="font-weight: bolder;">Teachers</h5>
                <p class="card-text text-white">Lets see our beloved and lovely teachers by clicking the button below</p>
                <a href="csb3.html" class="btn btn-success">Click here</a>

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

        </div>
      </section>

      <footer class="bg-light">
        <div class="container">
          <div class="row">
            <div class="col-md-12 text-center">
              <a href="https://www.iconfinder.com/icons/4202006/chrome_logo_social_social%20media_icon" class="fa fa-facebook"></a>
              <a href="javascript:void(0)" class="fa fa-instagram"></a>
              <p class=""><i class="fa fa-copyright" aria-hidden="true">&nbsp;</i>Copyrights</p>
            </div>
          </div>

          </div>
        </div>

      </footer>


    <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
<script src="https://kit.fontawesome.com/5b8fe47f0f.js" crossorigin="anonymous"></script>
</body>
</html>