AWWW-coding-workshop/index.html at master · withoutwax/AWWW-coding-workshop · 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
<!DOCTYPE html>

<html>
	<head>
		<link rel="stylesheet" type="text/css" href="./style.css">
		<link href=' http://fonts.googleapis.com/css?family=Droid+Sans' rel='stylesheet' type='text/css'>

		<title>{ } Coding Workshop 01</title>
	</head>
	<body>
		<!-- MENUs at the top -->
		<div class="goToTop">
			<a href="#home" ><span>TOP</span></a>
		</div>

		<ul>
			<li><img src="./assets/Logo.png" width=50px;></li>
			<li class="navMenu"><a href="#contactNav">Contact</a></li>
			<li class="navMenu"><a href="#aboutNav">About</a></li>
			<li class="navMenu"><a href="#membersNav">Members</a></li>
			<li class="navMenu"><a href="#teamNav">Team</a></li>

		</ul>

	<div class="landingPage" id="home">
		<h1>We are <span id="awww">AWWW</span>, a club for <a href="http://www.saic.edu">SAIC</a> designers of all types to learn, collaborate, and communicate about <span id="uiux">UIUX</span>.</h1>
	</div>


	<div class="team" id="teamNav">
		<h3>TEAM</h3>
		<br>
		<br>
		<div class="CPTEAM">
			<h4>Creative Planning Team</h4>
			<p>Creatively planning Lectures, Workshops, Fun events</p>
		    <p>Designing fun flyers, AWWW Calendar and Project 11</p>
		    <p>Capture, design and showcase AWWW on the bulletin board</p>
    	</div>

    	<div class="CPTEAM">
			<h4>The Branding TEAM</h4>
			<p>stablish a Style guide for all future events, posters and media etc</p>
	        <p>Total redesign-and-relauch of awww.rocks</p>
    	</div>

    	<div class="CPTEAM">
			<h4>Public Relations TEAM</h4>
			<p>In charge of Social Media</p>
            <p>In charge of Illustration</p>
            <p>For people who love to draw or good at getting people's attention on social media</p>
    	</div>
	</div>

	<div class="members" id="membersNav">
		<h3>TEAM MEMBERS</h3>
		<div class="img__wrap">
			<img src="./assets/deborah.jpg" id="imageSize">
			<p class="img__description">About Deborah</p>
		</div>
		<div class="img__wrap">
			<img src="./assets/chris.jpg" id="imageSize">
			<p class="img__description">About Chris</p>
		</div>
		<div class="img__wrap">
			<img src="./assets/yenna.png" id="imageSize">
			<p class="img__description">About Yenna</p>
		</div>
		<div class="img__wrap">
			<img src="./assets/bonnie.png" id="imageSize">
			<p class="img__description">About Bonnie</p>
		</div>
		<div class="img__wrap">
			<img src="./assets/unnamed.gif" id="imageSize">
			<p class="img__description">About Kenneth</p>
		</div>
		<div class="img__wrap">
			<img src="./assets/stephanie.jpg" id="imageSize">
			<p class="img__description">About Stephanie</p>
		</div>
		<div class="img__wrap">
			<img src="./assets/nanjin.jpg" id="imageSize">
			<p class="img__description">About Nanjin</p>
		</div>
		<div class="img__wrap">
			<img src="./assets/hannah-2.jpg" id="imageSize">
			<p class="img__description">About Hannah</p>
		</div>
		<div class="img__wrap">
			<img src="./assets/susie.jpg" id="imageSize">
			<p class="img__description">About Susie</p>
		</div>

	</div>

	<svg style="width:100%;">
		<line x1="10%" y1="0" x2="90%" y2="0" style="stroke:rgb(237,237,237);stroke-width:5" />
	</svg>

	<div class="section03" id="aboutNav">
		<div class="joinTheFun">
			<img src="./assets/Logo.png" height="300" width="300">
		</div>
		<div class="joinTheFun">
			<h4>JOIN THE FUN</h4>
			<p><strong>MEETINGS: THURS, 4:15~4:45 @ SHARP 1217</strong></p>
			<p>Artists on the World Wide Web(AWWW) is a club for SAIC designers of all types to learn, collaborate, and communicate with each other.</p>
			<p>If you're interested in weekly workshops, coffee meet-ups, guest designer talks, and more, signup here at:  <a href="http://bit.ly/2uZMkNQ!">http://bit.ly/2uZMkNQ!</a></p>
			<p>Or, meet us at the Student Group Fair in the Maclean Ballroom, on September 6 from 4 - 6PM!</p>
		</div>
	</div>

	<svg style="width:100%;">
		<line x1="10%" y1="0" x2="90%" y2="0" style="stroke:rgb(237,237,237);stroke-width:5" />
	</svg>

	<div class="contact" id="contactNav">
		<h3 class="heading">CONTACT</h3>
		<p style="text-align: center" >awww.saic@gmail.com</p>

	</div>
	</body>

	<footer>
	    <p>AWWW ROCKS!</p>
	    <br>
	    <p>Created for AWWW Coding Workshop!</p>
	    <p>Will Kim</p>
  	</footer>


</html>