designatucsd.github.io/about.html at master · ucsddesignco/designatucsd.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
---
layout: default
---
<div class="du-wrapper du-about--wrapper">
  <div class="du-hero du-hero--about">
    <div class="du-hero--content">
      <h1>About</h1>
    </div>
  </div>

  <div class="du-section">
    <div class="container">
      <div class="row">
        <div class="col-sm-8 col-sm-offset-2 text-center">
          <h2 class="du-section--header">Our Mission Statement</h2>
          <div class="du-about--mission">
            <p class="du-section--large-text du-section--quote ">To establish an open community of aspiring designers, to inspire creative confidence, and to ease students into industry.</p>
          </div>
        </div>
      </div>
    </div>
  </div>

  <div class="du-section du-section--white">
    <div class="container">
      <div class="row">
        <div class="col-sm-8 col-sm-offset-2 text-center">
          <h2 class="du-section--header">Core Values</h2>
          <p class="du-section--large-text du-section--quote">We carry out our mission statement by instilling three core values into what we do:</p>
        </div>
      </div>
      <div class="row du-values">
        <div class="col-md-4">
          <div class="du-tile--about">
            <img src="public/images/icons/about_handshake.png" />
            <h4>Industry Ready</h4>
            <p>Help students feel confident that they can get into industry.</p>
          </div>
        </div>
        <div class="col-md-4">
          <div class="du-tile--about">
            <img src="public/images/icons/about_community.png" />
            <h4>Community</h4>
            <p>Get students involved with the design community.</p>
          </div>
        </div>
        <div class="col-md-4">
          <div class="du-tile--about">
            <img src="public/images/icons/about_design.png" />
            <h4>Design</h4>
            <p>Emphasis on human-centered design.</p>
          </div>
        </div>
      </div>
    </div>
  </div>

  <div class="du-section du-about--up-to">
    <div class="container">
      <div class="row">
        <div class="col-sm-1"></div>
        <div class="col-sm-5">
          <h2 class="du-section--header">Check out what we've been up to</h2>
          <p>We’ve held a lot of workshops to help students prepare for industry and develop introductory skills for design thinking. We’ve compiled all of these things into a yearly report you can check out below!</p>
          <a href="https://medium.com/design-at-ucsd/2017-2018-yearly-recap-b30bb9439228" target="_blank" class="du-btn btn btn-lg du-about--btn-lg">View 2017-18 Recap</a>
        </div>
        <div class="col-sm-6">
          <img class="du-about--feature-img" src="public/images/site_images/featurette_about.png" />
        </div>
      </div>
    </div>
  </div>

  <div class="du-section du-section--white">
    <div class="container">
      <h2 class="du-section--header text-center">Meet the Team</h2>
      <div class="row" id="board-members-wrapper">
        <!-- Javascript will do things here -->
      </div>

      <div class="preloaded-images hidden">
        <!-- For preloading images for hover effects -->
      </div>
    </div>
  </div>

  <div class="du-section">
    <div class="container">
      <div class="row">
        <div class="col-sm-6">
          <img class="du-about--feature-img" src="public/images/site_images/featurette_branding.png" />
        </div>
        <div class="col-sm-5">
          <h2 class="du-section--header">Branding Manual</h2>
          <p>We compiled all of our branding guidelines into a manual. The manual is meant to be flexible and can help create a consistent brand that sets us apart from other organizations.</p>
          <a href="https://drive.google.com/file/d/0B7rgxAik4Rerbk8xS1ZMd2VQMDg/view" target="_blank" class="du-btn btn btn-lg du-about--btn-lg">View Branding Manual</a>
        </div>
      </div>
    </div>
  </div>
</div>

<script type="text/javascript" src="public/js/teamfilters.js"></script>