-
Notifications
You must be signed in to change notification settings - Fork 0
/
mentorship.html
131 lines (125 loc) · 5.15 KB
/
mentorship.html
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
---
layout: default
---
<div class="du-wrapper du-mentorship-wrapper">
<div class="du-hero du-hero--mentorship">
<div class="du-hero--content">
<h1>Mentorship Program</h1>
<h2>2018-2019</h2>
</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">Purpose and Goals</h2>
<div class="du-mentorship--purpose">
<p class="du-section--large-text du-section--quote">
The purpose of this program is to support students who are
interested in design, and are seeking guidance or mentorship
whether it be in the form of career advice or learning new design
skills and practices. We also strive to make this program
beneficial to mentors by providing structure for mentorship,
supplying design resources, and establishing a network of mentors
who can help and support each other.
</p>
</div>
</div>
</div>
<img
src="public/images/site_images/collage.png"
alt="Collage of mentors and mentees"
class="img-responsive du-mentorship--collage"
/>
</div>
</div>
<div class="du-section du-section--white">
<div class="container">
<div class="row">
<div class="du-mentorship--card col-sm-6">
<h2 class="du-section--header text-center">Role of Mentor</h2>
<img src="public/images/icons/lightbulb.svg" alt="Mentor Graphic" />
<p>
The role of a <strong>mentor</strong> is to provide career and
education guidance to their mentees, and to be a resource for
quality feedback on resumes, portfolios, pitches, etc. Overall, we
hope mentors guide mentees in establishing realistic goals, and
create meaningful relationships that foster achievement of those
goals.
</p>
<!--
<a href="https://docs.google.com/forms/d/e/1FAIpQLSdx0Z6Xb4McQVvzEJf6eTQhQeYTi1RL6SZqOhRfoWRc8cHuVA/viewform" target="_blank" class="du-btn btn btn-lg du-about--btn-lg">Mentor Application</a>
-->
</div>
<div class="du-mentorship--card col-sm-6">
<h2 class="du-section--header text-center">Role of Mentee</h2>
<img src="public/images/icons/backpack.svg" alt="Mentee Graphic" />
<p>
The role of a <strong>mentee</strong> is to identify their career
goals and establish steps they will take to accomplish those goals
with their mentor. Mentees should be willing to learn and work with
their mentor in order to improve skills in design and networking,
and most importantly not be afraid to ask questions!
</p>
<!--
<a href="https://docs.google.com/forms/d/e/1FAIpQLSfk3vgrKMDz_WKt2E5FOUDJrG0Z-cFC80UVSqkN5W-tSVvK0A/viewform" target="_blank" class="du-btn btn btn-lg du-about--btn-lg">Mentee Application</a>
-->
</div>
</div>
</div>
</div>
<div class="du-section">
<div class="container">
<h2 class="du-section--header text-center">Important Events</h2>
<div class="row du-card--row">
{% assign count = 0 %} {% for post in site.posts reversed %} {% if
post.mentorship %}
<div class="col-md-4 du-card--wrapper du-card--type-{{ post.type }}">
<a
class="card du-card du-card--event"
href="{% if post.facebook %}{{ post.facebook }}{% else %}{{
post.resource_link
}}{% endif %}"
target="_blank"
>
<div class="card-img-top du-card--img-top">
{% if post.image %}
<img src="{{ post.image }}" alt="" />
{% endif %}
</div>
<div class="card-block du-card--block du-card--block--event">
<div class="du-card--icon"><div></div></div>
<div class="du-card--content">
<h4 class="card-title du-card--title du-card--event-title">
{{ post.title }}
</h4>
<h6 class="du-card--date">{{ post.time }}</h6>
<p class="du-card--description du-card--event-description">
{{ post.excerpt }}
</p>
</div>
</div>
</a>
</div>
{% assign count = count | plus: 1 %} {% if count == 3 %} {% break %} {%
endif %} {% endif %} {% endfor %}
</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">Contact</h2>
<div class="du-mentorship--purpose">
<p class="du-section--large-text du-section--quote">
If you have any questions or concerns, feel free to contact
<a href="mailto:[email protected]">[email protected]</a
>.
</p>
</div>
</div>
</div>
</div>
</div>
</div>