boostpack/index.html at master · rockoder/boostpack · 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
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
<!DOCTYPE html>
<html lang="en">

  <head>
    <!-- Global site tag (gtag.js) - Google Analytics -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=UA-109427893-1"></script>
    <script>
      window.dataLayer = window.dataLayer || [];
      function gtag(){dataLayer.push(arguments);}
      gtag('js', new Date());

      gtag('config', 'UA-109427893-1');
    </script>

    <!-- Custom scripts for this template -->
    <script src="js/creative.min.js"></script>
    <script>
      (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
        (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
          m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
      })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');

      ga('create', 'UA-109427893-1', 'auto');
      ga('send', 'pageview');
    </script>

    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="description" content="">
    <meta name="author" content="">

    <title>Boost Pack</title>

    <!-- Bootstrap core CSS -->
    <link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">

    <!-- Custom fonts for this template -->
    <link href="vendor/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
    <link href='https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800' rel='stylesheet' type='text/css'>
    <link href='https://fonts.googleapis.com/css?family=Merriweather:400,300,300italic,400italic,700,700italic,900,900italic' rel='stylesheet' type='text/css'>

    <!-- Plugin CSS -->
    <link href="vendor/magnific-popup/magnific-popup.css" rel="stylesheet">

    <!-- Custom styles for this template -->
    <link href="css/creative.min.css" rel="stylesheet">

  </head>

  <body id="page-top">

    <!-- Navigation -->
    <nav class="navbar navbar-expand-lg navbar-light fixed-top" id="mainNav">
      <div class="container">
        <a class="navbar-brand js-scroll-trigger" href="#page-top"><i class="fa fa-3x fa-rocket text-primary mb-3 sr-icons"></i></a>
        <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
          <span class="navbar-toggler-icon"></span>
        </button>
        <div class="collapse navbar-collapse" id="navbarResponsive">
          <ul class="navbar-nav ml-auto">
            <li class="nav-item">
              <a class="nav-link js-scroll-trigger" href="#about">About</a>
            </li>
            <li class="nav-item">
              <a class="nav-link js-scroll-trigger" href="#courses">Courses</a>
            </li>
            <li class="nav-item">
              <a class="nav-link js-scroll-trigger" href="#schedule">Schedule</a>
            </li>
            <li class="nav-item">
              <a class="nav-link js-scroll-trigger" href="#contact">Contact</a>
            </li>
          </ul>
        </div>
      </div>
    </nav>

    <header class="masthead text-center text-white d-flex">
      <div class="container my-auto">
        <div class="row">
          <div class="col-lg-13 mx-auto">
            <h1 class="text-uppercase">
              <strong>Interview Preparation Courses for Software Professionals</strong>
            </h1>
            <hr>
          </div>
          <div class="col-lg-8 mx-auto">
            <p class="text-faded mb-5">Boost your interview preparation and save time & energy with these crash courses. From Algorithms to Design, face all interview rounds with confidence.</p>
            <a class="btn btn-primary btn-xl js-scroll-trigger" href="#about">Find Out More</a>
          </div>
        </div>
      </div>
    </header>

    <section class="bg-primary" id="about">
      <div class="container">
        <div class="row">
          <div class="col-lg-8 mx-auto text-center">
            <h2 class="section-heading text-white">We've got what you need!</h2>
            <hr class="light my-4">
            <p class="text-faded mb-4">Face to face classroom trainings specifically designed to prepare you for various technical interview stages.
              <br><br>
            These fast paced crash courses will save you dozens of hours and prepare you for most relevant topics covered in modern interviews.
              <br><br>
            Courses conducted by software architect with 13+ years of industry experience. Experience from both sides of the hiring process.</p>
            <a class="btn btn-light btn-xl js-scroll-trigger" href="#courses">Get Started!</a>
          </div>
        </div>
      </div>
    </section>

    <section id="courses">
      <div class="container">
        <div class="row">
          <div class="col-lg-12 text-center">
            <h2 class="section-heading">You will be ready for interviews</h2>
            <hr class="my-4">
          </div>
        </div>
      </div>
      <div class="container">
        <div class="row">
          <div class="col-lg-4 col-md-8 text-center">
            <div class="service-box mt-5 mx-auto">
              <i class="fa fa-4x fa-flask text-primary mb-3 sr-icons"></i>
              <h3 class="mb-3">Algorithm & <br>Data Structure</h3>
              <p class="text-muted mb-0">Revise common algorithms & data strcutures. Learn how to approach questions on dynamic programming, recursion, hashmap etc.</p>
            </div>
          </div>
          <div class="col-lg-4 col-md-6 text-center">
            <div class="service-box mt-5 mx-auto">
              <i class="fa fa-4x fa-cubes text-primary mb-3 sr-icons"></i>
              <h3 class="mb-3">Software <br>Design</h3>
              <p class="text-muted mb-0">Learn step by step approach to tackle design problems and how to come up with database schemas.</p>
            </div>
          </div>
          <div class="col-lg-4 col-md-6 text-center">
            <div class="service-box mt-5 mx-auto">
              <i class="fa fa-4x fa-gears text-primary mb-3 sr-icons"></i>
              <h3 class="mb-3">Architecture & <br>Scalability</h3>
              <p class="text-muted mb-0">Learn about microservices, cloud native architectures, how to address performance and scalability concerns.</p>
            </div>
          </div>
        </div>
        <br><br>
        <p style="font-size:12px" class="text-muted mb-0 text-center">Prerequisites: Some basic knowledge on the topic is expected. These are not introductory courses. Candidates should have some industry experience.</p>
      </div>
      <div class="container">
        <div class="row">
          <div class="col-lg-12 text-center">
            <br>
            <a class="btn btn-primary btn-xl js-scroll-trigger" href="#schedule">Check Upcoming Schedule</a>
          </div>
        </div>
      </div>

    </section>

    <section class="bg-dark text-white" id="schedule">
      <div class="container text-center">
        <h2 class="mb-4">Upcoming Courses Details</h2>
        <div class="container">
          <div class="row">
            <div class="col-lg-6 col-md-8 text-center">
              <div class="service-box mt-5 mx-auto">
                <!-- <i class="fa fa-4x fa-flask text-primary mb-3 sr-icons"></i> -->
                <h3 class="mb-3">Architecture & <br>Scalability</h3>
                <p class="text-muted mb-0">09 & 10 Dec 2017, 9:00 AM to 6:00 PM</p>
              </div>
            </div>
            <div class="col-lg-6 col-md-6 text-center">
              <div class="service-box mt-5 mx-auto">
                <!-- <i class="fa fa-4x fa-cubes text-primary mb-3 sr-icons"></i> -->
                <h3 class="mb-3">Software <br>Design</h3>
                <p class="text-muted mb-0">23 & 24 Dec 2017, 9:00 AM to 6:00 PM</p>
              </div>
            </div>
            </div>
          </div>
            <div class="col-lg-12 text-center">
              <br><br>
              <a class="btn btn-light btn-xl js-scroll-trigger" href="#contact">Contact Us</a>
            </div>

      </div>
    </section>

<!--       <div class="container">
        <div class="row">
          <div class="col-lg-12 text-center">
            <br>
            <a class="btn btn-primary btn-xl js-scroll-trigger" href="#contact">Contact Us</a>
          </div>
        </div>
      </div>
 -->
    <section id="contact">
      <div class="container">
        <div class="row">
          <div class="col-lg-8 mx-auto text-center">
            <h2 class="section-heading">Let's Get In Touch!</h2>
            <hr class="my-4">
            <p class="mb-5">Ready to start your interview preparation with us? That's great! Give us a call or ping on WhatsApp or send us an email and we will get back! <br><br>We are currently available only in Bangalore. Not in  Bangalore? Tell us your city and we will come there next.</p>
          </div>
        </div>
        <div class="row">
          <div class="col-lg-4 ml-auto text-center">
            <i class="fa fa-phone fa-3x mb-3 sr-contact"></i>
            <p>(+91) 937 333 0478</p>
            <p style="font-size:12px">Call or WhatsApp</p>
          </div>
          <div class="col-lg-4 mr-auto text-center">
            <i class="fa fa-envelope-o fa-3x mb-3 sr-contact"></i>
            <p>
              <a href="mailto:boostpack@rockoder.com">boostpack@rockoder.com</a>
            </p>
          </div>
        </div>
      </div>
    </section>

    <!-- Bootstrap core JavaScript -->
    <script src="vendor/jquery/jquery.min.js"></script>
    <script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script>

    <!-- Plugin JavaScript -->
    <script src="vendor/jquery-easing/jquery.easing.min.js"></script>
    <script src="vendor/scrollreveal/scrollreveal.min.js"></script>
    <script src="vendor/magnific-popup/jquery.magnific-popup.min.js"></script>
  </body>

</html>