paperbaglabs.github.io/index.html at master · PaperBagLabs/paperbaglabs.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
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
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
<!DOCTYPE html>
<html lang="en">
  <head>
    <title>Home | PaperBag Labs </title>
    <!-- seo tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta http-equiv="x-ua-compatible" content="ie=edge">
      <meta property="og:title" content="PaperBag Labs">
      <meta property="og:type" content="website">
      <meta property="og:url" content="http://www.paperbaglabs.com/index.html">
      <meta property="og:image" content="https://images.unsplash.com/37/QAdTsSj8TOOWzlyLn3Rg_14248396556_aefcd9a926_o.jpg?crop=entropy&fit=crop&fm=jpg&h=675&ixjsv=2.1.0&ixlib=rb-0.3.5&q=80&w=1375">
      <meta property="og:description" content="PaperBag Labs is changing the way information flows from one end to the other.">
      <meta property="og:site_name" content="PaperBag Labs">


<!-- I am really bad with formatting so if someone wants to do it that would be great - Darshil -->


    <!-- this is the css for bootstrap, better to use local than CDN incase of any downtimes-->
    <link rel="stylesheet" href="bower_components/bootstrap/dist/css/bootstrap.min.css">

    <!-- css custom -->
    <link rel="stylesheet" href="style.css">

  </head>

<body>


  <nav class="navbar navbar-light bg-faded navbar-fixed-top">
      <button class="navbar-toggler hidden-sm-up" type="button" id="navbar-style" data-toggle="collapse" data-target="#startupNavbar">
        &#9776;
      </button> <!-- this toggle will not work if it does not load the jQuery. We should think about moving the jQuery locally -->
      <a class="navbar-brand" href="index.html">PaperBag Labs</a> <!-- the logo size still needs to be fixed-->
      <div class="collapse navbar-toggleable-xs" id="startupNavbar">
      <ul class="nav navbar-nav pull-sm-right">
        <li class="nav-item active">
          <a href="index.html" class="nav-link">Home</a>
        </li>
        <li class="nav-item">
          <a href="about-us.html" class="nav-link">About Us</a>
        </li>
        <li class="nav-item">
          <a href="services.html" class="nav-link">Services</a>
        </li>
        <li class="nav-item">
          <a href="portfolio.html" class="nav-link">Portfolio</a>
        </li>
       <li class="nav-item">
          <a href="contact-us.html" class="nav-link">Contact Us</a>
        </li>
      </ul>
      </div>
  </nav>


    <section id="pblcover">

      <div id="pblcover-caption">
       <div class="container">

          <div class="col-sm-10 col-sm-offset-1">
          <img src="img/logo.png" alt="PaperBag Labs Logo" id="pbl-logo" >
             <h1 class="cover-text"> PaperBag Labs</h1>
               <p>It Starts With an Idea.</p>

       <form action="https://paperbaglabs.us12.list-manage.com/subscribe/post?u=1325aa807a797035cd8715d4d&amp;id=479047cb6f" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="form-inline" target="_blank" novalidate>
             <div class="form-group">
                  <label class="sr-only">Name</label>
                          <input type="text" class="form-control form-control-lg" placeholder="John Doe"  name="FNAME">
                      </div>
                     <div class="form-group">
                          <label class="sr-only" >Email</label>
                          <input type="text" class="form-control form-control-lg" placeholder="john.doe@example.com" name="EMAIL">
                      </div>
                          <button type="submit" class="btn btn-success btn-lg">Sign Up!</button>
                    </form>
                    <br>
                          <a href="#cover-introduction" class="btn btn-secondary-outline btn-sm" role="button">&darr;</a>
                </div>
            </div>

        </div>
    </section>


        <section id="cover-introduction" class="feature-full">
        <div class="container">
            <div class="row">
                <div class="feature-content">
                    <div class="col-lg-8 col-lg-offset-2">
                        <h6>Who We Are</h6>
                    <h2>It Starts With an Idea</h2>
                   <p class="lead">We are the most innovative software development company on the planet. We are PaperBag Labs and we challenge the status quo everyday to ensure our clients get the best of the best.
<br>
<br>
We are designers, developers and software engineers. We are artists, musicians and dancers. We are chefs, bloggers and car lovers. We cover a broad range of talents to ensure we can develop the best software for any industry.</p>
            <h6>Our Services:</h6>
          <div class="row">
                            <div class="col-lg-6">
                              <ul>
                                  <li>Web Development</li>
                                  <li>Graphic Design</li>
                              </ul>
                            </div>
                          <div class="col-lg-6">
                            <ul>
                               <li>Marketing</li>
                               <li>In House Apps</li>
                           </ul>
                          </div>
             </div>
           </div>
        </div>
      </div>
  </div>
    </section>

    <section id="about-us" class="feature-dark">
        <div class="container">
            <div class="row">
                <div class="feature-content">
                    <div class="col-lg-6 ">
                      <img src="img/notive_text_logo.png" alt="PaperBag Labs Current Project">
                    </div>
                    <div class="col-lg-5 col-lg-offset-1">
                        <h6>Current Project</h6>
                        <h2 style="color:  #ffffff;">Redefining school announcements</h2>
                        <p class="lead">Feb 5th, 2018</p>
                        <a href="" role="button" class="btn btn-secondary-outline btn-lg">Coming Soon</a>
                    </div>

                </div>

            </div>

        </div>
    </section>


    <section id="pbl-services" class="feature-dark">
        <div class="container">
            <div class="row">
                <div class="feature-content">
                    <div class="col-lg-6 feature-caption">

                        <h6>Custom Solutions</h6>
                        <h2 style="color:  #ffffff;">Looking For Exclusive Digital Services?</h2>
                        <p class="lead">Our developers are very talented and up to any challenge. We can create custom web apps and enterprise software. Just let us know what you want and we might be able to create a custom solution for you.</p>
                        <a href="contact-us.html" role="button" class="btn btn-secondary-outline btn-lg">Let's Talk</a>
                    </div>
                    <div class="col-lg-6">
                     <img src="https://images.pexels.com/photos/7097/people-coffee-tea-meeting.jpg?w=940&h=650&auto=compress&cs=tinysrgb" alt="need to replace this picture">
                      </div>
                </div>
            </div>
        </div>
    </section>

    <section id="pbl-end" >
      <div class="container">
        <div class="row">
          <div class="feature-content">
            <div class="col-lg-8 col-lg-offset-2">
                <h6>Made Up Your Mind?</h6>
                <h2>Start a Project With Us</h2>
                <p>We have a delivery rate of 100%. No client to date has received something they are not happy with and nothing is ever late at PaperBag Labs.</p>
                <a href="contact-us.html" role="button" class="btn btn-success-outline btn-lg">Let's Go!</a>
            </div>
          </div>
        </div>
      </div>
    </section>

<footer id="main-footer">
  <div class="container">
     <div class="row">
            <div class="col-md-6">
            © 2017 PaperBag Labs <br>
            </div>
            <div class="col-md-2">
                <h6>Social</h6>
                  <ul class="list-unstyled">
                        <li><a href="https://www.facebook.com/paperbaglabs/">Facebook</a></li>
                        <li><a href="https://twitter.com/paperbaglabs">Twitter</a></li>
                        <li><a href="https://www.instagram.com/paperbaglabs/">Instagram</a></li>
                        <li><a href="https://github.com/PaperbagLabs">Github</a></li>
                    </ul>
                </div>
                <div class="col-md-2">
                    <h6>Our team</h6>
                    <ul class="list-unstyled">
                        <li><a href="http://darshilpatel.com">Darshil Patel</a></li>
                        <li><a href="http://sajal.xyz">Sajal Chodha</a></li>
                        <li><a href="https://www.facebook.com/het.patel.3344">Het Patel</a></li>
                        <li><a href="http://twitter.com/paarthmadan_">Paarth Madan</a></li>
                    </ul>
                </div>
                <div class="col-md-2">
                    <h6>Sitemap</h6>
                    <ul class="list-unstyled">
                        <li><a href="index.htm">Home</a></li>
                        <li><a href="about-us.html">About Us</a></li>
                        <li><a href="services.html">Services</a></li>
                        <li><a href="portfolio.html">Portfolio</a></li>
                        <li><a href="contact-us.html">Contact Us</a></li>
                    </ul>
                </div>
            </div>
  </div>

</footer>


          <!-- Zoho Tracking Code -->

    <script type="text/javascript">
var $zoho= $zoho || {salesiq:{values:{},ready:function(){}}};var d=document;s=d.createElement("script");s.type="text/javascript";
s.defer=true;s.src="https://salesiq.zoho.com/paperbaglabs/float.ls?embedname=paperbaglabs";
t=d.getElementsByTagName("script")[0];t.parentNode.insertBefore(s,t);
$zoho.salesiq.ready=function(embedinfo){$zoho.salesiq.floatbutton.visible("hide");}
</script>


  <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
    <script src="bower_components/bootstrap/dist/js/bootstrap.min.js"></script>


<script type="text/javascript">
var $zoho= $zoho || {salesiq:{values:{},ready:function(){}}};var d=document;s=d.createElement("script");s.type="text/javascript";
s.defer=true;s.src="https://salesiq.zoho.com/paperbaglabs/float.ls?embedname=paperbaglabs";
t=d.getElementsByTagName("script")[0];t.parentNode.insertBefore(s,t);
</script>

    <script type="text/javascript">var $zoho= $zoho || {livedesk:{values:{},ready:function(){}}};var d=document;s=d.createElement("script");s.type="text/javascript";s.defer=true;s.src="https://salesiq.zoho.com/support.paperbaglabs/float.ls?embedname=paperbaglabs";t=d.getElementsByTagName("script")[0];t.parentNode.insertBefore(s,t);</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','//www.google-analytics.com/analytics.js','ga');

  ga('create', 'UA-74036699-1', 'auto');
  ga('send', 'pageview');

</script>

    </body>