-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
152 lines (123 loc) · 4.85 KB
/
index.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
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<!--
Design by TEMPLATED
http://templated.co
Released for free under the Creative Commons Attribution License
Name : Vestibule
Description: A two-column, fixed-width design with dark color scheme.
Version : 1.0
Released : 20130406
-->
<!-- Comments are in ALL CAPS -->
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta name="keywords" content="" />
<meta name="description" content="" />
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<!-- SET THE PAGE TITLE INSIDE THE TITLE TAGS BELOW -->
<title>Rithik's E-portfolio</title>
<link href="http://fonts.googleapis.com/css?family=Oxygen:400,700,300" rel="stylesheet" type="text/css" />
<link href="style.css" rel="stylesheet" type="text/css" media="screen" />
</head>
<body>
<div id="wrapper">
<!-- START OF THE NAVIGATION SECTION. DO NOT CHANGE ANYTHING ABOVE THIS LINE EXCEPT TO SET THE TITLE. -->
<div id="menu-wrapper">
<div id="menu" class="container">
<ul>
<!-- NAVIGATION MENU. THERE SHOULD BE ONE LIST ITEM FOR EACH BUTTON IN YOUR NAVIGATION BAR. -->
<!-- REPLACE THE # IN THE LINK WITH THE FILE NAME OF THE APPROPRIATE PAGE. -->
<li class="current_page_item"><a href="index.html">About</a></li>
<li><a href="image.html">Image Editing</a></li>
<li><a href="web.html">Web Design</a></li>
<li><a href="video.html">Video Production</a></li>
<li><a href="animation.html">Animation</a></li>
<li><a href="screencast.html">Screencast</a></li>
<li><a href="contact.html">Contact Me</a></li>
</ul>
</div>
</div>
<div id="logo" class="container">
<!-- THIS IS WHERE YOU CUSTOMIZE THE HEADER FOR EACH PAGE. -->
<h1>Rithik's E-Portfolio</h1>
<p></p>
<!-- THIS IS WHERE YOU CUSTOMIZE THE SUBHEADER FOR EACH PAGE. -->
<p>This is my EME 6208 design and development e-portfolio.</p>
</div>
<div id="page" class="container">
<div>
<div class="entry">
<!-- THIS IS WHERE YOU CUSTOMIZE THE INTRODUCTORY PARAGRAPH FOR EACH PAGE. -->
<p>Hi all! I am Rithik Yennam, a master's student in Computer Science at University of Florida. This is a platform for me to display all my projects during the Designing Integrated Media Environments class this Fall! Hope you enjoy my work :)</p>
</div>
</div>
</div>
<!-- END OF THE NAVIGATION SECTION. -->
<!-- START OF THE CONTENT SECTION. -->
<!-- ON OTHER PAGES, LIKE THE PROJECT PAGES, YOU WILL TAKE OUT EVERYTHING BETWEEN HERE AND THE END OF THE CONTENT SECTION AND REPLACE IT WITH THE PROJECT CONTENT. -->
<div id="three-column" class="container">
<div class="tbox1">
<div class="box-style">
<div class="content">
<h2>Image Editing</h2>
<p>Check out the book cover and Logo that I have created using Canva and Adobe Photoshop.</p>
<a href="image.html" class="button">Click here to view</a>
</div>
</div>
</div>
<div class="tbox2">
<div class="box-style">
<div class="content">
<h2>Web Design</h2>
<p>Take a peek at the fun quizes that I develoepd using HTML,CSS and Java Script</p>
<a href="web.html" class="button">Click here to view</a>
</div>
</div>
</div>
<div class="tbox3">
<div class="box-style">
<div class="content">
<h2>Video Production</h2>
<p>Tap to learn about India's culture and history, I made this educational video using Imovie app</p>
<a href="video.html" class="button">Click here to view</a>
</div>
</div>
</div>
</div>
<div id="three-column" class="container">
<div class="tbox1">
<div class="box-style">
<div class="content">
<h2>Digital Animation</h2>
<p>Animation video that demonstartes the Photosynthesis process, I used Canva app to develop this.</p>
<a href="animation.html" class="button">Click here to view</a>
</div>
</div>
</div>
<div class="tbox2">
<div class="box-style">
<div class="content">
<h2>Screencasting</h2>
<p>Watch the tutorial on setting up automatic replies in Gmail, I made this screencast using Camtasia App</p>
<a href="screencast.html" class="button">Click here to view</a>
</div>
</div>
</div>
<div class="tbox3">
<div class="box-style">
<div class="content">
<h2>E-Portfolio</h2>
<p>This e-portfolio is a reflection of my web design, animation and editing skills. Please checkout various sections and feel free to contact me:)</p>
</div>
</div>
</div>
</div>
<!-- END OF THE CONTENT SECTION. BELOW YOU CAN CUSTOMIZE YOUR FOOTER. -->
</div>
<div id="footer">
<!-- START FOOTER -->
<p><a href=https://education.ufl.edu/educational-technology/ rel="nofollow">Visit University of Florida's Educational Technology Website</a>.
<!-- END FOOTER -->
</div>
</body>
</html>