BSW-WEBSITE/booklets.php at master · inductor69/BSW-WEBSITE · 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
<!DOCTYPE HTML>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="keywords" content="htmlcss bootstrap menu, navbar, mega menu examples" />
<meta name="description" content="Navigation  menu with submenu examples for any type of project, Bootstrap 4" />

<title>Booklets | BSW</title>
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">


<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" rel="stylesheet" type="text/css"/>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.bundle.min.js" type="text/javascript"></script>
<link href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous">


<style type="text/css">

	body{
		background-color: #a4e7f055;
	}

	.about-us-title{
		font-size: 4rem;
		opacity: 0.6;
	}
	.about-us-text{
		color: #fff;
		font-weight: medium;
		font-size:1rem;
		margin-bottom: 20px;
	}

	#about-us{
    padding-top:60px;
    margin-top:0px;
		background-image: linear-gradient(90deg, #67B26F 0%, #4CA2CD 100%);
	}


</style>

</head>


<body >

<?php require 'components/header.php'; ?>
<?php require 'components/back_to_top.php'; ?>


<div id="about-us">

    <br />

    <div class="container">

        <div class="row justify-content-center">

            <div class="col-12 col-lg-4 justify-content-center">
            <h1 class="about-us-title"><span class="fa fa-book"></span> Booklets</h1>
            </div>

            <div class="col-12 col-lg-7 ml-auto">
            <p class="about-us-text">
            There are some booklets given below, which will serve as a one-stop guideline
for all students of IIT. BSW has compiled the information in these booklets. The
information or rules mentioned in these booklets may change without our
notice. You are therefore requested to consult the competent authorities
before making any decision.            </p>
            </div>

        </div>

    </div>

</div>

<div class="container" id="softwares-list">

<div class="row justify-content-center">

<div class="card my-4 col-lg-5 col-md-6 col-11" >
  <div class="row no-gutters">
    <div class=" col-sm-12 col-md-6 col-lg-6 ">
      <img src="images/finance_booklet.PNG" class="card-img" alt="..." width="100%" max-height="300px">
    </div>
    <div class="col-md-6">
      <div class="card-body">
        <h4 class="card-title">BSW Finance Booklet</h4>
        <h5 class="card-text">Know the procedure on how to pass a bill for any Board of IIT Delhi. </h5>
        <a href="booklets/f_book.pdf" target="_blank" rel="noopener noreferrer">
        <p class="btn btn-primary  mt-2">Read Now</p>
        </a>
      </div>
    </div>
  </div>
</div>

<div class="card my-4 col-lg-5 ml-2 col-md-6 col-11" >
  <div class="row no-gutters">
    <div class=" col-sm-12 col-md-6 col-lg-6 ">
      <img src="images/academic_booklet.PNG" class="card-img" alt="..." width="100%" max-height="300px">
    </div>
    <div class="col-md-6">
      <div class="card-body">
        <h4 class="card-title">BSW Academic Booklet</h4>
        <h5 class="card-text">A short and precise booklet for all relevant and hidden information in a much simplified language.  </h5>
        <a href="booklets/a_bookcomp.pdf" target="_blank" rel="noopener noreferrer">
        <p class="btn btn-primary mt-2">Read Now</p>
        </a>
      </div>
    </div>
  </div>
</div>

<div class="card my-4 col-lg-5 col-md-6 col-11" >
  <div class="row no-gutters">
    <div class=" col-sm-12 col-md-6 col-lg-6 ">
      <img src="images/scholarship_booklet.PNG" class="card-img" alt="..." width="100%" max-height="300px">
    </div>
    <div class="col-md-6">
      <div class="card-body">
        <h4 class="card-title">BSW Scholarships Booklet</h4>
        <h5 class="card-text">Get the information of all the Scholarships provided by IIT Delhi. There are a lot :P </h5>
        <a href="booklets/s_book.pdf" target="_blank" rel="noopener noreferrer">
        <p class="btn btn-primary mt-2">Read Now</p>
        </a>
      </div>
    </div>
  </div>
</div>


</div>
</div>
<?php require 'components/footer.php'; ?>

<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>


</body>
</html>