forked from ashrock/portfolio_templates
-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex_default.html
More file actions
140 lines (135 loc) · 7.9 KB
/
index_default.html
File metadata and controls
140 lines (135 loc) · 7.9 KB
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
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Portfolio</title>
<link rel="stylesheet" href="static/css/bootstrap.css">
<link rel="stylesheet" href="static/css/common_default.css">
<link rel="stylesheet" href="static/css/common.css">
<script src="static/js/jquery-1.11.0.min.js"></script>
<script src="static/js/bootstrap.js"></script>
<script src="static/js/portfolio.js"></script>
</head>
<body>
<nav class="navbar navbar-default" role="navigation">
<div class="container-fluid">
<div class="navbar-header">
<a class="navbar-brand" href="/portfolio">Portfolio</a>
</div>
<ul class="nav navbar-nav">
<li class="active"><a href="/portfolio/index_default.html">Default Template</a></li>
<li><a href="/portfolio/index_iteration_1.html">Version 1</a></li>
<li><a href="/portfolio/index_iteration_2.html">Version 2</a></li>
<li><a href="/portfolio/index_iteration_3.html">Version 3</a></li>
<li>
<a href="https://github.com/ashrock/portfolio_templates" target="_blank">
<span class="git-icon"></span> Check the codes in Github
</a>
</li>
</ul>
</div>
</nav>
<div id="wrapper" class="container">
<div id="student_description">
<div class="media-group">
<div class="media">
<img src="static/img/default_profile.jpg" alt="" class="img-responsive img-thumbnail media-object pull-left">
<div class="media-body">
<h1 class="media-heading text-bold">Jeremy Griffith</h1>
<p>Jeremy is an avid gamer, tech enthusiast, and lover of typography with a huge beard that he has been growing for eight years. He originally attended Western Washington University for Computer Science, but left to start making his own iPhone apps - one of which was potentially an inspiration to Google for their 2012 April Fool’s joke “8-bit Maps”. He is currently employed as a full stack web developer.</p>
</div>
</div>
</div>
</div>
<div id="portfolio_content">
<ul id="portfolio_tab" class="nav nav-tabs">
<li class="active"><a href="#php_mvc" data-toggle="tab">PHP and MVC</a></li>
<li><a href="#node_javascript" data-toggle="tab">Node and JavaScript</a></li>
<li><a href="#ruby_rails" data-toggle="tab">Ruby on Rails</a></li>
</ul>
<div id="portfolio_body" class="tab-content panel panel-default">
<div class="panel-body tab-pane active" id="php_mvc">
<div class="project_list list-group">
<a href="http://village88.com" class="project_link list-group-item" data-description="An informational website which provides products and services that you need in the Programming Industry. This site refers you to Coding Dojo (Web Development Bootcamp) and Boomyeah (Online Learning Platform). If you are looking for a software engineer, you may also fill in a form to contact them." data-title="Village88" data-technologies="HTML/CSS, PHP, and JQuery">
<img src="static/img/village88.png" class="center-block img-thumbnail">
<div class="clearfix"></div>
<h5 class="list-group-item-heading text-center">Village88</h5>
</a>
<a href="http://codingdojo.com" class="project_link list-group-item" data-description="Is a website that provides information about Coding Dojo’s 12-week web development bootcamp. People can apply to learn how to code through the website. Everyone, with or without any coding experience, is invited to join in. Bootcamps are held in two branches in United States: California and Seattle." data-title="Coding Dojo" data-technologies="HTML/CSS, Codeigniter, PHP, JQuery, and Stripe and Paypal for payments.">
<img src="static/img/codingdojo.png" class="center-block img-thumbnail">
<div class="clearfix"></div>
<h5 class="list-group-item-heading text-center">Coding Dojo</h5>
</a>
<a href="http://spottrender.com" class="project_link list-group-item" data-description="Improve sales and brand loyalty by A/B testing your video spots with Spot Trender website. This is mainly designed for advertisers to test how much attention they can get from their viewers." data-title="SpotTrender" data-technologies="HTML/CSS, Codeigniter, PHP, JQuery, Highcharts API, and Stripe for payments.">
<img src="static/img/spottrender.png" class="center-block img-thumbnail">
<div class="clearfix"></div>
<h5 class="list-group-item-heading text-center">SpotTrender</h5>
</a>
</div>
<div class="preview_pane_container">
<h4></h4>
<p class="project_description"></p>
<p class="technologies_used"></p>
<div class="panel panel-default">
<div class="panel-body">
<div class="preview_pane"></div>
</div>
</div>
</div>
<div class="clearfix"></div>
</div>
<div class="panel-body tab-pane" id="node_javascript">
<div class="project_list list-group">
<a href="https://help.codingdojo.com" class="project_link list-group-item" data-description="This is an application designed especially for Coding Dojo students where they can get real-time, remote assistance. This application is powered with video call, chat and screen share feature." data-title="Help Application" data-technologies="HTML/CSS, NodeJS, Express.io, Javascripts, and JQuery.">
<img src="static/img/help.png" class="center-block img-thumbnail">
<div class="clearfix"></div>
<h5 class="list-group-item-heading text-center">Help App</h5>
</a>
<a href="http://node.codingdojo.com" class="project_link list-group-item" data-description="This is a simple application powered by Node.js to teach Coding Dojo bootcamp students how broadcasting works. This helps them understand the flow of functions and how do they work real time." data-title="Node Demonstration App" data-technologies="HTML/CSS, NodeJS, Express.io, Javascripts, and Jquery.">
<img src="static/img/node.png" class="center-block img-thumbnail">
<div class="clearfix"></div>
<h5 class="list-group-item-heading text-center">Node Demonstration App</h5>
</a>
<a href="http://algorithm.codingdojo.com" class="project_link list-group-item" data-description="This is an application used by Coding Dojo bootcamp students to practice solving programs. This is specially designed to help students enhance their coding and analytical skills." data-title="Algorithm Application" data-technologies="HTML/CSS, Javascripts, and Jquery.">
<img src="static/img/algorithm.png" class="center-block img-thumbnail">
<div class="clearfix"></div>
<h5 class="list-group-item-heading text-center">Algorithm Application</h5>
</a>
</div>
<div class="preview_pane_container">
<h4></h4>
<p class="project_description"></p>
<p class="technologies_used"></p>
<div class="panel panel-default">
<div class="panel-body">
<div class="preview_pane"></div>
</div>
</div>
</div>
<div class="clearfix"></div>
</div>
<div class="panel-body tab-pane" id="ruby_rails">
<div class="project_list list-group">
<a href="http://codingdojo.herokuapp.com" class="project_link list-group-item" data-description="This is a site where Coding Dojo bootcamp students interact and advertise their skills to the recruiters. The students can post their resumes and portfolios on this site." data-title="Recruiters' Library App" data-technologies="HTML/CSS, Ruby on Rails, Javascripts, and Jquery.">
<img src="static/img/recruiters.png" class="center-block img-thumbnail">
<div class="clearfix"></div>
<h5 class="list-group-item-heading text-center">Recruiters' Library App</h5>
</a>
</div>
<div class="preview_pane_container">
<h4></h4>
<p class="project_description"></p>
<p class="technologies_used"></p>
<div class="panel panel-default">
<div class="panel-body">
<div class="preview_pane"></div>
</div>
</div>
</div>
<div class="clearfix"></div>
</div>
</div>
</div>
</div>
</body>
</html>