DesignThinking/index.html at master · RubixOrganization/DesignThinking · 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
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Design Thinking 2.0</title>
    <!-- Bootstrap -->
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <!-- Style -->
    <link rel="stylesheet" type="text/css" href="./css/style.css">
    <!-- Icons -->
    <link rel="stylesheet" href="css/font-awesome.min.css">
  </head>
  <body>
    <nav class="navbar navbar-inverse navbar-fixed-top">
      <div class="container">
        <!-- Brand and toggle get grouped for better mobile display -->
        <div class="navbar-header">
          <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
          <a class="navbar-brand" href="index.html"><span class="logo">Rubix Home</span></a>
        </div>

        <!-- Collect the nav links, forms, and other content for toggling -->
        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
          <ul class="nav navbar-nav pull-right">
             <li class="active"><a href="#about">About <span class="sr-only">(current)</span></a></li>
            <li><a href="#phases">Phases</a></li>
            <li><a href="#gallery">Gallery</a></li>
            <li><a href="#events">Events</a></li>
            <li><a href="#contact">Contact</a></li>
          </ul>
        </div><!-- /.navbar-collapse -->
      </div><!-- /.container-fluid -->
    </nav>

    <!-- ABOUT -->
    <div class="jumbotron text-center about-us" id="about">
      <div class="container">
        <h1>Design Thinking 2.0</h1>
        <h2 class="par">Start your critical thinking journey here</h2>
        <a href="#phases" class="btn btn-default ">Register</a>
      </div>
    </div>

    <div class="container" id="phases">
        <div class="row">
        <div class="col-sm-14 text-center">
          <h1>Overview</h1>
            <div class="row phases-box"><center>
                <div class="col-sm-14 text-left">
          <p>Design thinking is a framework for innovation. Most of the prestigious institutions like Stanford , Harvard and top companies like SAP Google etc across the world follow this framework to create different products based on their customers needs and requirements. This workshop will help the students to work on real world problems and will make them familiar with the entire design thinking process.  This workshop will also help the students in generating different entrepreneurship ideas and also help them to think on it in a mature manner.
</p>
        </div></center>
            </div>
        </div>
      </div>
        <div class="row">
        <div class="col-sm-14 text-left">
          <h2>Benefits</h2>
            <div class="row phases-box"><center>
                <div class="col-md-8 col-sm-8 col-xs-8 text-left text-left">
        <p> 1. Students will practice a design thinking process for innovation which can leads to some good entrepreneurship ideas or projects.</p>
<p>2. It will help the students to get in touch with the real world problems.
<p>3. Students will become familiar with the process of ideation followed by top institutes across the world.</p>
                    <p>4. Students will learn the techniques of prototyping their ideas.</p>
<p>5. Students will learn how to find opportunities in the real world for entrepreneurship projects.

</p>
        </div></center>
            </div>
        </div>
      </div>
      </div>


    <!-- PHASES -->
    <div class="container" id="phases">
      <div class="row">
        <div class="col-sm-14 text-center">
          <h1>Phases</h1>
        </div>
      </div>
      <br>
      <div class="row phases-box">
        <div class="col-md-4 col-sm-4 col-xs-4 text-center img">
          <img src="./img/t1.png">
        </div>

        <div class="col-md-8 col-sm-8 col-xs-8 text-left">
          <h3>Empathize</h3>
          <p>The first stage of the Design Thinking process demands gaining an empathic understanding of the problem you’re trying to solve, typically through some form of user research. Empathy is crucial because it allows you to set aside your own assumptions about the world in order to gain insight into users and their needs. This stage involves entering the realm of the users and, as far as possible, “becoming” them so as to begin work on custom-designing a solution.</p>
        </div>
      </div>

      <div class="row phases-box">
        <div class="col-md-4 col-sm-4 col-xs-4 text-center img">
         <img src="./img/define.png">
        </div>

        <div class="col-md-8 col-sm-8 col-xs-8 text-left">
          <h3>Define</h3>
          <p>During the Define stage of Design Thinking, you put together the information you have created and gathered during the Empathize stage. You analyze your observations and synthesize them in order to define the core problems you and your team have identified so far. This is where you ensure that what you are addressing sits in sharp relief before you, its properties known in full.</p>
        </div>
      </div>

      <div class="row phases-box">
        <div class="col-md-4 col-sm-4 col-xs-4 text-center img">
          <img src="./img/idea.png">
        </div>

        <div class="col-md-8 col-sm-8 col-xs-8 text-left">
          <h3>Ideate</h3>
          <p>The process’s third stage finds you ready to start generating ideas. With the knowledge you have gathered in the first two phases, you can start to “think outside the box” to identify new solutions to the problem statement you’ve created, and you can start to look for alternative ways of viewing the problem.</p>
        </div>
      </div>

      <div class="row phases-box">
        <div class="col-md-4 col-sm-4 col-xs-4 text-center img">
          <img src="./img/proto1.png">
        </div>

        <div class="col-md-8 col-sm-8 col-xs-8 text-left">
          <h3>Prototype</h3>
          <p>In the Prototype phase of Design Thinking, your design team produce a number of inexpensive, scaled-down versions of the product or specific features found within the product so you can investigate the problem solutions generated in the previous stage.</p>
        </div>
      </div>

      <div class="row phases-box">
        <div class="col-md-4 col-sm-4 col-xs-4 text-center img">
          <img src="./img/test1.png">
        </div>

        <div class="col-md-8 col-sm-8 col-xs-8 text-left">
            <h3>Test</h3>
          <p>In the Test phase of Design Thinking, you rigorously test the completed product using the best solutions identified during the prototyping phase. This is the final stage; however, in an iterative process, the results generated during the testing phase are what you will often use to redefine one or more problems.</p>
        </div>
      </div>
    </div>
      <br>

            <!-- EVENTS -->
      <div class="container" id="events">
        <div class="row">
          <div class="col-sm-14 text-center">
            <h1>Schedule of workshop Week Wise</h1>
          </div>
        </div>
        <br>
          <div class="row phases-box">
        <div class="col-md-4 col-sm-4 col-xs-4 text-center img">
          <h1>WEEK-1</h1>
        </div>

        <div class="col-md-8 col-sm-8 col-xs-8 text-left">
          <h2>User Need Identification(Empathy)</h2>
          <p>The Important element as well as firststage of design thinking to gain an empathetic understanding of people to solve the problem.</p>
        </div>
      </div>
          <div class="row phases-box">
        <div class="col-md-4 col-sm-4 col-xs-4 text-center img">
          <h1>WEEK-2</h1>
        </div>

        <div class="col-md-8 col-sm-8 col-xs-8 text-left">
          <h2>Define,Ideation And Prototyping</h2>
          <p>Define:-Put information together which created during empathise stage.<br>Ideation:-get ready to start generation ideas.<br>Prototyping:-The experimental phase to identifythe best possible solution.</p>
        </div>
      </div>
          <div class="row phases-box">
        <div class="col-md-4 col-sm-4 col-xs-4 text-center img">
          <h1>WEEK-3</h1>
        </div>

        <div class="col-md-8 col-sm-8 col-xs-8 text-left">
          <h2>Testing Prototypes and Evaluation</h2>
          <p>The Final Stages Of the five stage model but in an iterative process.   Evaluation of projects and prize declaration</p>
        </div>
      </div>
      </div>
      <!-- GALLERY -->
      <div class="container-fluid" id="gallery">
        <div class="row">
          <div class="col-sm-14 text-center">
            <h1>Highlights from Design Thinking 1.0</h1>
          </div>
        </div>
        <br>
        <div class="row">
          <div class="col-lg-4 col-md-4 col-xs-4">
            <div class="thumbnail">
          <img src="./img/i57.jpeg" alt="nayab.png" title="Nayab's collection">
          </div>
          </div>
          <div class="col-lg-4 col-md-4 col-xs-4">
            <div class="thumbnail">
          <img src="./img/i32.jpg" alt="nayab.png" title="Nayab's collection">
          </div>
          </div>
          <div class="col-lg-4 col-md-4 col-xs-4">
            <div class="thumbnail">
          <img src="./img/i46.jpg" alt="nayab.png" title="Nayab's collection">
          </div>
          </div>
        </div>

        <div class="row">
          <div class="col-lg-4 col-md-4 col-xs-4">
            <div class="thumbnail">
          <img src="./img/i56.jpg" alt="nayab.png" title="Nayab's collection">
          </div>
          </div>
          <div class="col-lg-4 col-md-4 col-xs-4">
            <div class="thumbnail">
          <img src="./img/i40.jpg" alt="nayab.png" title="Nayab's collection">
          </div>
          </div>
          <div class="col-lg-4 col-md-4 col-xs-4">
            <div class="thumbnail img-fluid">
          <img src="./img/i54.jpg" alt="nayab.png" title="Nayab's collection">
          </div>
          </div>
        </div>
          <h1>Winners of Design Thinking 1.0</h1>
            <div class="row">
                 <div class="col-lg-4 col-md-4 col-xs-4">
            <div class="thumbnail img-fluid">
          <img src="./img/i59.jpg" alt="nayab.png" title="Nayab's collection">
          </div>
          </div>
                 <div class="col-lg-4 col-md-4 col-xs-4">
            <div class="thumbnail">
          <img src="./img/i58.jpg" alt="nayab.png" title="Nayab's collection">
          </div>
          </div>
          <div class="col-lg-4 col-md-4 col-xs-4">
            <div class="thumbnail">
          <img src="./img/i33.jpg" alt="nayab.png" title="Nayab's collection">
          </div>
          </div>


        </div>
      </div>


      <!-- CONTACT -->
      <div class="footer" id="contact">
        <div class="container">
        <div class="row">

          <div class="col-lg-6 col-md-6 col-sm-12">
            <h3>Quick Links</h3>
            <ul class="list-unstyled">
              <li><a href="#about">About</a></li>
              <li><a href="#phases">Phases</a></li>
              <li><a href="#gallery">Gallery</a></li>
              <li><a href="#events">Events</a></li>
            </ul>
          </div>

          <div class="col-lg-6 col-md-6 col-sm-12">
            <h3>Contact Us</h3>
            <ul class="list-unstyled">
              <li>
                <p><i class="fa fa-map-marker text-center "></i> <strong>Contact Person:</strong> :  Mr. Balwant Ram (Assistant Professor & Entrepreneurship Coach)
  		           School of Computer Science & Engineering
</p>
              </li>
              <li>
                <p><i class="fa fa-phone text-center "></i> <strong>Phone:</strong> (+91) 9815511878</p>
              </li>
              <li>
                <p><i class="fa fa-envelope text-center"></i><strong>Email:</strong><a href="#">balwant.15584@lpu.co.in</a></p>
              </li>
            </ul>
          </div>
        </div>
       </div>
      </div>


    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
    <!-- Include all compiled plugins (below), or include individual files as needed -->
    <script src="js/bootstrap.min.js"></script>
  </body>
</html>