diversatech.github.io/index.html at master · DiversaTech/diversatech.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
<!DOCTYPE html>
<html lang="en-us" ng-app="MB" prefix="og: http://ogp.me/ns#">
<head>

  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
  <meta content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0' name='viewport' />

  <!-- Meta Tags for SEO -->
  <title>DiversaTech Consulting</title>
  <meta name='subject' content='Consulting' />
  <meta name='description' content="DiversaTech Consulting is UC Berkeley's tech consultancy. We are unique from other consulting organizations because we combine both engineering and business principles to create dynamic recommendations and strategies." />
  <meta name='keywords' content='DiversaTech, DiversaTech berkeley, cal DiversaTech, consulting, diversatech consulting, berkeley' />
  <meta name='url' content='http://diversatech.org' />
  <meta name='copyright' content='DiversaTech' />
  <meta name='robots' content='index, follow' />

  <!-- FAVICON -->
  <link rel="apple-touch-icon" sizes="57x57" href="img/favicon/apple-icon-57x57.png">
  <link rel="apple-touch-icon" sizes="60x60" href="img/favicon/apple-icon-60x60.png">
  <link rel="apple-touch-icon" sizes="72x72" href="img/favicon/apple-icon-72x72.png">
  <link rel="apple-touch-icon" sizes="76x76" href="img/favicon/apple-icon-76x76.png">
  <link rel="apple-touch-icon" sizes="114x114" href="img/favicon/apple-icon-114x114.png">
  <link rel="apple-touch-icon" sizes="120x120" href="img/favicon/apple-icon-120x120.png">
  <link rel="apple-touch-icon" sizes="144x144" href="img/favicon/apple-icon-144x144.png">
  <link rel="apple-touch-icon" sizes="152x152" href="img/favicon/apple-icon-152x152.png">
  <link rel="apple-touch-icon" sizes="180x180" href="img/favicon/apple-icon-180x180.png">
  <link rel="icon" type="image/png" sizes="192x192"  href="img/favicon/android-icon-192x192.png">

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

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

  <link href="css/custom.css" rel="stylesheet">

  <!--Import Google Icon Font-->
  <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
  <!--Import Google Font-->
  <link href="https://fonts.googleapis.com/css?family=Montserrat" rel="stylesheet" type="text/css">
  <link href="https://fonts.googleapis.com/css?family=Lato" rel="stylesheet" type="text/css">
  <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@700&display=swap" rel="stylesheet">
  <link href="https://fonts.googleapis.com/css2?family=Lato:wght@700&display=swap" rel="stylesheet">

  <!--Import Icons -->
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.4.0/css/font-awesome.min.css">

</head>

<!--navigation bar-->
<div id='nav-container'></div>

<body>
  <header>
    <div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel">
      <ol class="carousel-indicators">
        <li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"></li>
        <li data-target="#carouselExampleIndicators" data-slide-to="1"></li>
        <li data-target="#carouselExampleIndicators" data-slide-to="2"></li>
      </ol>
      <div class="carousel-inner" role="listbox">
        <!-- Slide One - Set the background image for this slide in the line below -->
        <div class="carousel-item active" style="background-image: url('img/home1.png')">
          <div class="carousel-caption d-none d-md-block">
            <h3>Tech Consulting Meets Diversity</h3>
            <p>UC Berkeley's unique, diverse tech consultancy.</p>
          </div>
        </div>
        <!-- Slide Two - Set the background image for this slide in the line below -->
        <div class="carousel-item" style="background-image: url('img/home2.png')">
          <div class="carousel-caption d-none d-md-block">
            <h3>Interdisciplinary Thinking</h3>
            <p>Thinking outside of the box to design innovative and creative real-world solutions.</p>
          </div>
        </div>
        <!-- Slide Three - Set the background image for this slide in the line below -->
        <div class="carousel-item" style="background-image: url('img/home3.png')">
          <div class="carousel-caption d-none d-md-block">
            <h3>Multifaceted Approaches</h3>
            <p>Our work reflects the dynamic, ever-changing nature of the tech industry.</p>
          </div>
        </div>
      </div>
      <a class="carousel-control-prev" href="#carouselExampleIndicators" role="button" data-slide="prev">
        <span class="carousel-control-prev-icon" aria-hidden="true"></span>
        <span class="sr-only">Previous</span>
      </a>
      <a class="carousel-control-next" href="#carouselExampleIndicators" role="button" data-slide="next">
        <span class="carousel-control-next-icon" aria-hidden="true"></span>
        <span class="sr-only">Next</span>
      </a>
    </div>
  </header>

  <!-- Page Content -->
  <div class="container py-4">

    <div class="row pt-4 text-center justify-content-center">
      <h2 class="home-title col-lg-10">
        DiversaTech is the leading student-run technology consulting organization at UC Berkeley. We combine engineering, design, and business principles to create dynamic recommendations and strategies.
      </h2>
    </div>

    <!-- Statistics Section -->
    <div class="row py-4 text-center">
      <div class="card row statistics-banner" role="alert">
        <div class="col">
          <h2 class="statistics-title">35+</h2>
          <p class="lead">clients worked with</p>
        </div>
        <div class="col">
          <h2 class="statistics-title">10+</h2>
          <p class="lead">semesters active</p>
        </div>
        <div class="col">
          <h2 class="statistics-title">20+</h2>
          <p class="lead">professional events hosted</p>
        </div>
        <div class="col">
          <h2 class="statistics-title">53+</h2>
          <p class="lead">accomplished alumni</p>
        </div>
      </div>
    </div>

    <!-- Features Section -->
    <div class="row py-4">
      <div class="col-lg-6 py-4">
        <p class="lead">DiversaTech fosters diversity of thought in the tech industry by creating unique experiences and projects that encourage students of all backgrounds to connect, collaborate, and create.</p>
        <p class="lead">We form interdisciplinary consulting teams and develop strategic recommendations that address real industry challenges. Though our projects always focus on technology in some way, they have spanned a variety of disciplines including but not limited to: product management, marketing, data analysis, web and app development, design and prototyping, strategy, and implementation.</p>
        <a href="about.html" class="btn btn-lg btn-warning">Learn More</a>
      </div>
      <div class="col-lg-6 py-4">
        <iframe width="560" height="315" src="https://www.youtube.com/embed/ukUFkUGSmGA" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
      </div>
    </div>
    <!-- /.row -->

    <!-- <hr> -->

    <!-- Client Testimonials Section -->
    <div class="row py-4">
      <div class="col-lg-6">
        <div class="card card-light plain-card">
          <div class="card-body">
            <blockquote class="blockquote mb-0">
              <p class="lead">“Quokka Brew loved working with the DiversaTech team! With a hands on approach, DiversaTech was able to offer not only valuable insights, but also acted on those insights to bring their recommendations to life. We were blown away by their professionalism as well as their strong work ethic. When the pandemic hit, DiversaTech didn’t miss a beat, sticking to the original schedule and delivering an amazing app prototype for us to take to the next step of development. Thank you DiversaTech!”</p>
              <footer class="blockquote-footer row">
                <div class="col col-xs-6">
                  <h4>Gabriel Bloch</h4>
                  <cite title="Source Title">Head of Business Development & Strategy, <a href="https://www.quokkabrew.com/">Quokka Brew</a></cite>
                </div>
                <div class="col col-xs-6 text-md-right">
                  <img src="img/companies/spring_2020/quokka_brew.png" height="75px" alt="profile"/>
                </div>
              </footer>
            </blockquote>
          </div>
        </div>
      </div>
      <div class="col-lg-6">
        <div class="card card-light plain-card">
          <div class="card-body">
            <blockquote class="blockquote mb-0">
              <p class="lead">“DiversaTech’s in-depth competitive analysis and personalized recommendations jumpstarted PayPal’s entry into a new product space. The team persevered in understanding the complexities of the fintech landscape, apparent by their preparation and professionalism in each meeting. We enjoyed working with DiversaTech and look forward to maintaining our relationship with the team.”</p>
              <footer class="blockquote-footer row">
                <div class="col col-xs-6">
                  <h4>Product Manager</h4>
                  <cite title="Source Title"><a href="https://www.paypal.com/">PayPal</a></cite>
                </div>
                <div class="col col-xs-6 text-md-right">
                  <img src="img/companies/fall_2019/paypal.png" height="50px" alt="profile" />
                </div>
              </footer>
            </blockquote>
          </div>
        </div>
      </div>
    </div>
    <!-- /.row -->

    <!-- Sponsors Section -->
    <div class="py-4 text-center">
        <h2>We are sponsored by</h2>
        <div class="row justify-content-center">
          <div class="py-4 col-lg-4">
            <img class="img-fluid rounded" src="img/sponsors/eecs.png" alt="eecs">
          </div>
          <div class="py-4 col-lg-4">
            <img class="img-fluid rounded" src="img/sponsors/haas.png" alt="haas">
          </div>
          <div class="py-4 col-lg-4">
            <img class="img-fluid rounded" src="img/sponsors/leadcenter.png" alt="leadcenter">
          </div>
          <div class="py-4 col-lg-4">
            <img class="img-fluid rounded" src="img/sponsors/jacobs.png" alt="leadcenter">
          </div>
        </div>
    </div>
    <!-- /.row -->

  </div>
  <!-- /.container -->
</body>

<!--footer bar-->
<div id='footer-container'></div>

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

<!--Import custom scripts -->
<script type="text/javascript" src="js/custom.js"></script>