-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathweb13.html
168 lines (164 loc) · 7.38 KB
/
web13.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
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Thank you James</title>
<!-- FONT -->
<link href="https://fonts.googleapis.com/css?family=Didact+Gothic|Fredoka+One|Chau+Philomene+One|Hammersmith+One|Francois+One|Courgette|Lobster|Oswald|Handlee|Merienda+One" rel="stylesheet">
<!-- CSS -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/7.0.0/normalize.min.css">
<link rel="stylesheet" type="text/css" href="css/jquery.fullPage.css" />
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<header id="top-head">
<div>
<img class="nav-gift" src="img/gift.svg">
</div>
<div id="nav-bg"></div>
</header>
<nav class="global-nav">
<div class="nav-menu">
<ul>
<li><a href="teachers.html" class="nav-link">Teacher</a></li>
<li><a href="web12.html" class="nav-link">WEB 12</a></li>
<li><a href="web13.html" class="nav-link">WEB 13</a></li>
<li><a href="web11.html" class="nav-link">Silvana</a></li>
</ul>
</div>
</nav>
<main class="home-container" id="fullpageWeb13">
<div class="section web13Sec">
<div class="section-container">
<h2 class="page-title">From Web13</h2>
</div>
</div>
<div class="section">
<div id="renzo" class="section-container">
<div class="diagonal"></div>
<img class="renzo-image" src="img/renzo.png">
<section class="name">
<article class="renzo-container">
<h2 class="name-text">Earvin <span class="underline">Renzo</span> Gaite</h2>
<div class="overlay"></div>
</article>
</section>
<div class="message">
<p>James! It was a blast having you both as an instructor, and as head of the department! But I'm even more excited knowing that you'll be able to go home, and that you've been wanting to work back in the workplace! It sure is a fun industry to be part of! :) Good luck in your future endeavors!</p>
</div>
</div>
</div>
<div class="section">
<div id="pavithira" class="section-container">
<h1 class="heading">Pavithira Kathirvel </h1>
<!-- DONUT IMAGE -->
<img class="donut" src="img/candycycle.png">
<!--CURLY BRACKETS IMAGE-->
<img class="curly-brackets" src="img/curley-braces.png">
<!-- MAIN HEADING AND PARAGRAPH FOR JAMES -->
<h2> HEY JAMES </h2>
<p>My short time as a student of yours, had really a smart experience and its enlightening. One of the BEST INSTRUCTOR ive met. I'm really thankful to you, where you helped me in all the ways whenever i was seeking you for help. It's pleasure to meet you, for sure i will never forget to INDENT . Wish you HEALTHY, SUCCESSFUL and HAPPY LIFE. Cherish your Moments and Way To Go.. GOOD BYE. </p>
<!-- PROFILE PICTURE -->
<img class="profile-pic" src="img/pavithira-img.jpg">
</div>
</div>
<div class="section">
<div id="sahil" class="section-container">
<div class="message">
<h1>Sahil Rashyani</h1>
<img src="img/sahil.jpg" alt="Sahil Rashyani" />
<br />
<h2>Thank You James!</h2>
<p>
Whenever I don the hat of a programmer, I will most definitely
remember <em>crimson</em> and <em>boolean</em> and <em>comments</em>
and <em>the console window</em>.
Of course, how can anyone attending your classes forget that :P
</p>
<p>
I am ever so grateful for having the opportunity to
be learning from you. Thank You James! Just wish you were here for the entire program.
</p>
<p>
I wish you all the best in your future endeavours! Stay blessed and happy always!
</p>
<p>
Cheers,<br />Sahil
</p>
</div>
<div class="container"></div>
<div class="nail">
<div class="white-box"></div>
<div class="white-box"></div>
</div>
<div class="holder"></div>
<img src="img/hammer.png" alt="Hammer" />
<div class="hinge"></div>
<div class="earth"></div>
</div>
</div>
<div class="section">
<div id="kunika" class="section-container">
<section class="k-row">
<article class="col-8">
<div class="k-row inside-wrapper">
<h1>Kunika Sharma ( ) {</h1>
<p>This message is to make you belive that we won't ever forget the James Standards of Coding Practices.. ;</p>
<p>Although we didn't get so much time with you but still it is difficult to convey our gratitude for the knowledge and learnings you have given us ;</p>
<h2>Thank you! {
<p>Your firm and disciplined behaviour have turned me into a more efficient individual. I wish you all the best for your future life experiences ;</p>
}</h2>
<h1>}</h1>
<span>Press key <strong>'J'</strong> for console window...</span>
</div>
<div class="k-row">
<img id="console-img" src="img/console-img.jpg">
</div>
</article>
<article class="col-4">
<img class="kunika-profile" src="img/kunika.jpg">
</article>
</section>
</div>
</div>
<div class="section">
<div id="gosia-container" class="section-container">
<div class="gosia-overlay">
<blockquote id="gosia-message">I'm happy that I got to learn coding from you - it'll be a lot easier to build on the knowledge and skills with your base.<br> I hope you will resume teaching some day - you were the best :)<br><span> Gosia</span></blockquote>
<!-- magical shamrock, connected to javascript interactions -->
<img onmouseover="gosiafuncImgChange()" onmouseout="gosiafuncImgReturn()" src="img/gosia/shamrock_green_bg.png" class="gosia-shamrock" alt="shamrock icon8 with background">
</div>
<img src="img/gosia/gosia.png" class="gosia-face">
</div>
</div>
<div class="section">
<div id="ashley" class="section-container">
<section class="a-row a-container">
<!-- Heading and Para -->
<div class="col-7">
<h2>Ashley Spires</h2>
<p>
Thank you James for being an awesome department head and making programming class enjoyable over the past few months. I wish you all the best on your new adventures! We will miss you! 🍁
</p>
</div>
<!-- Image -->
<div class="col-5 image">
<img src="img/ashley.jpg" alt="ashley" />
</div>
</section>
</div>
</div>
</main>
<script
src="https://code.jquery.com/jquery-3.2.1.min.js"
integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4="
crossorigin="anonymous"></script>
<script type="text/javascript" src="js/jquery.fullPage.js"></script>
<script
src="https://cdnjs.cloudflare.com/ajax/libs/gsap/latest/TweenMax.min.js"></script>
<script src="js/web13.js"></script>
<script src="js/home.js"></script>
</body>
</html>