theme-sealicon-valley 0.1.1 → 0.1.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (63) hide show
  1. checksums.yaml +4 -4
  2. data/_includes/base.html +9 -0
  3. data/_includes/footer.html +60 -0
  4. data/_includes/head.html +14 -5
  5. data/_includes/header.html +53 -38
  6. data/_includes/header_bar.html +130 -0
  7. data/_layouts/about.html +35 -0
  8. data/_layouts/blog.html +64 -0
  9. data/_layouts/characters.html +16 -0
  10. data/_layouts/characters0.html +170 -0
  11. data/_layouts/home.html +27 -25
  12. data/_layouts/page.html +0 -1
  13. data/_layouts/post.html +165 -4
  14. data/assets/30134783_2014_03_03_15_17_49_f6bab.png +0 -0
  15. data/assets/800.css +281 -0
  16. data/assets/about_temp_img.png +0 -0
  17. data/assets/analytics.js +8 -0
  18. data/assets/banner_mobile.png +0 -0
  19. data/assets/banner_small.png +0 -0
  20. data/assets/bubble.png +0 -0
  21. data/assets/bubble2.png +0 -0
  22. data/assets/burger.png +0 -0
  23. data/assets/carousel.js +93 -0
  24. data/assets/characters.html +52 -0
  25. data/assets/circle.png +0 -0
  26. data/assets/curve.png +0 -0
  27. data/assets/dolphin.png +0 -0
  28. data/assets/dolphin2.png +0 -0
  29. data/assets/drone.png +0 -0
  30. data/assets/favicon.ico +0 -0
  31. data/assets/fb.png +0 -0
  32. data/assets/fish.gif +0 -0
  33. data/assets/gplus.png +0 -0
  34. data/assets/grey_circle.png +0 -0
  35. data/assets/ig.png +0 -0
  36. data/assets/jquery.color.js +663 -0
  37. data/assets/jquery.min.js +5 -0
  38. data/assets/layer1.png +0 -0
  39. data/assets/layer2.png +0 -0
  40. data/assets/layer3.png +0 -0
  41. data/assets/layer4.png +0 -0
  42. data/assets/layer5.png +0 -0
  43. data/assets/logo.png +0 -0
  44. data/assets/main.css +862 -92
  45. data/assets/mock_comic.png +0 -0
  46. data/assets/narwhal.png +0 -0
  47. data/assets/narwhal2.png +0 -0
  48. data/assets/octopus.png +0 -0
  49. data/assets/octopus2.png +0 -0
  50. data/assets/pinterest.png +0 -0
  51. data/assets/scroll.css +104 -0
  52. data/assets/scrolltest.js +121 -0
  53. data/assets/shark.png +0 -0
  54. data/assets/shark2.png +0 -0
  55. data/assets/temp_card.png +0 -0
  56. data/assets/temp_dolphin.png +0 -0
  57. data/assets/temp_green.png +0 -0
  58. data/assets/temp_octo.png +0 -0
  59. data/assets/temp_purple.png +0 -0
  60. data/assets/temp_shark.png +0 -0
  61. data/assets/twitter.png +0 -0
  62. data/assets/youtube.png +0 -0
  63. metadata +57 -2
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA1:
3
- metadata.gz: 9a07071afb0059072b2c2b53e78c088e000a9b2e
4
- data.tar.gz: cedc30d9f66c32ba71e69fe1da6ba8be8735d666
3
+ metadata.gz: f4fbe2b0de67f5a7d5133ccefb847a335e4ec284
4
+ data.tar.gz: ba1390eba9f2a3136caabb2e19beee31d118d63b
5
5
  SHA512:
6
- metadata.gz: 4858999494c4cd3184ffbe910f43acaf9b891f3abd885a2c82dac586b179d25cd517b50456754fecbbd57491d44adaf556a26edbac5b93a23d456d55338fa3be
7
- data.tar.gz: 1efe9656917625ea0404dfe6c95568d1a895df438b254396864df02203ba6ac41a6469d158f7de4d06a1a4ffb3a42c719c611cdc08341ac9ff17ad180c833461
6
+ metadata.gz: 6eb1ced9c8d3c1df475862bd68a6df11351c526a215e17b421ee621a189bb6c13c15deb4495a0b28b8fd12b266d6cb313aaa3e30060ffc4e98b32d30a56f2e38
7
+ data.tar.gz: f0b08d295884c6ece42ce6051c19291060a2dfa73c22b76c1753a7f3e2f8f018021213638dd72c44ec2ed1fe2c7c18e56903bf8ca55180d2ac5689bb31028ee2
@@ -0,0 +1,9 @@
1
+ <!-- _includes/base.html -->
2
+ {% assign base = '' %}
3
+ {% assign depth = page.url | split: '/' | size | minus: 1 %}
4
+ {% if depth <= 1 %}{% assign base = '.' %}
5
+ {% elsif depth == 2 %}{% assign base = '..' %}
6
+ {% elsif depth == 3 %}{% assign base = '../..' %}
7
+ {% elsif depth == 4 %}{% assign base = '../../..' %}
8
+ {% elsif depth == 5 %}{% assign base = '../../../..' %}
9
+ {% elsif depth == 6 %}{% assign base = '../../../../..' %}{% endif %}
@@ -0,0 +1,60 @@
1
+ {% include base.html %}
2
+ <head>
3
+ <script>
4
+ function subscribe() {
5
+ var email = document.getElementById('input_email').value;
6
+ console.log(email);
7
+ }
8
+ </script>
9
+ </head>
10
+ <div class="footer">
11
+ <div class="subscribe_container">
12
+ <input type="text" class="subscribe_email" id="input_email" placeholder="Email Address"/>
13
+ <div class="subscribe_button" onclick="subscribe()">
14
+ <span style="vertical-align:middle;display:table-cell;">
15
+ Subscribe
16
+ </span>
17
+ </div>
18
+ </div>
19
+
20
+ <div class="footer_email">
21
+ SEALICONVALLEY@GMAIL.COM
22
+ </div>
23
+
24
+ <div class="footer_copyright">
25
+ &copy; 2017 Sealicon Valley Inc. All Rights Reserved.
26
+ </div>
27
+
28
+ </div>
29
+
30
+ <div class="bottom_tabs">
31
+ <a href="{{base}}">
32
+ <div class="bottom_tab_wrapper">
33
+
34
+ <div class="bottom_tab_img">
35
+ </div>
36
+ <div class="menu_header_text">Comic</div>
37
+ </div>
38
+ </a>
39
+ <a href="{{base}}/blog.html">
40
+ <div class="bottom_tab_wrapper">
41
+ <div class="bottom_tab_img">
42
+ </div>
43
+ <div class="menu_header_text">Blog</div>
44
+ </div>
45
+ </a>
46
+ <a href="{{base}}/characters.html">
47
+ <div class="bottom_tab_wrapper">
48
+ <div class="bottom_tab_img">
49
+ </div>
50
+ <div class="menu_header_text">Characters</div>
51
+ </div>
52
+ </a>
53
+ <a href="{{base}}/about.html">
54
+ <div class="bottom_tab_wrapper">
55
+ <div class="bottom_tab_img">
56
+ </div>
57
+ <div class="menu_header_text">About</div>
58
+ </div>
59
+ </a>
60
+ </div>
data/_includes/head.html CHANGED
@@ -2,14 +2,23 @@
2
2
  <meta charset="utf-8">
3
3
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
4
4
  <meta name="viewport" content="width=device-width, initial-scale=1">
5
-
6
- <title>{% if page.title %}{{ page.title | escape }}{% else %}{{ site.title | escape }}{% endif %}</title>
5
+ <title>Sealicon Valley</title>
7
6
  <meta name="description" content="{{ page.excerpt | default: site.description | strip_html | normalize_whitespace | truncate: 160 | escape }}">
8
7
 
9
- <link rel="stylesheet" href="{{ "/assets/reset_css.css" | relative_url }}">
10
- <link rel="stylesheet" href="{{ "/assets/main.css" | relative_url }}">
8
+ <link href='{{base}}/assets/reset_css.css' rel='stylesheet'>
9
+ <link href='{{base}}/assets/main.css' rel='stylesheet'>
10
+ <link href='{{base}}/assets/800.css' rel='stylesheet'>
11
+
12
+ <link rel="shortcut icon" href="{{base}}/assets/favicon.ico" type="image/x-icon">
13
+
11
14
  <link rel="canonical" href="{{ page.url | replace:'index.html','' | absolute_url }}">
12
15
  <link rel="alternate" type="application/rss+xml" title="{{ site.title | escape }}" href="{{ "/feed.xml" | relative_url }}">
13
- <link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Quicksand" />
16
+ <link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?family=Quicksand" />
17
+ <link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet">
14
18
  <link href="https://fonts.googleapis.com/css?family=Roboto+Slab" rel="stylesheet">
19
+
20
+ <script src="{{base}}/assets/jquery.min.js"></script>
21
+ <script src="{{base}}/assets/jquery.color.js"></script>
22
+ <script src="{{base}}/assets/scrolltest.js"></script>
23
+ <script src="{{base}}/assets/analytics.js"></script>
15
24
  </head>
@@ -1,42 +1,57 @@
1
+ {% include base.html %}
2
+
3
+ <!DOCTYPE html>
4
+ <html lang="{{ page.lang | default: site.lang | default: " en " }}">
5
+
1
6
  <head>
2
- {% include head.html %}
7
+ {% include head.html %}
8
+
3
9
  </head>
10
+
4
11
  <body>
5
- <div id="banner_container">
6
- <div id="title_container">
7
- <h1 class="title_h1">Sealicon</h1>
8
- <h1 class="title_h1">Valley</h1>
9
- </div>
10
- <div style="width: 100%; text-align:center;" >
11
- <div id="social_container">
12
- <span>
13
- <img class="social_img" src="https://static.wixstatic.com/media/4057345bcf57474b96976284050c00df.png/v1/fill/w_78,h_78,al_c,usm_0.66_1.00_0.01/4057345bcf57474b96976284050c00df.png">
14
- </span>
15
- <span>
16
- <img class="social_img" src="https://static.wixstatic.com/media/870f97661ed14a5bb2d96ecbddec0aed.png/v1/fill/w_78,h_78,al_c,usm_0.66_1.00_0.01/870f97661ed14a5bb2d96ecbddec0aed.png">
17
- </span>
18
- <span>
19
- <img class="social_img" src="https://static.wixstatic.com/media/38f46577d89b43ae95cb65fac6d660f3.png/v1/fill/w_78,h_78,al_c,usm_0.66_1.00_0.01/38f46577d89b43ae95cb65fac6d660f3.png">
20
- </span>
21
- <span>
22
- <img class="social_img" src="https://static.wixstatic.com/media/45bce1d726f64f1999c49feae57f6298.png/v1/fill/w_78,h_78,al_c,usm_0.66_1.00_0.01/45bce1d726f64f1999c49feae57f6298.png">
23
- </span>
24
- <span>
25
- <img class="social_img" src="https://static.wixstatic.com/media/9e47c827082f40bdb54d0cd16c3b28f6.png/v1/fill/w_78,h_78,al_c,usm_0.66_1.00_0.01/9e47c827082f40bdb54d0cd16c3b28f6.png">
26
- </span>
27
- <span>
28
- <img class="social_img" src="https://static.wixstatic.com/media/e1aa082f7c0747168d9cf43e77046142.png/v1/fill/w_78,h_78,al_c,usm_0.66_1.00_0.01/e1aa082f7c0747168d9cf43e77046142.png">
29
- </span>
30
- </div>
31
- </div>
32
-
33
- <div style="width: 100%; text-align:center;" >
34
- <div id="menu_container">
35
- <a href="#"><span class="menu_text">Comics</span></a>
36
- <a href="#"><span class="menu_text">Characters</span></a>
37
- <a href="#"><span class="menu_text">Blog</span></a>
38
-
39
- </div>
40
- </div>
41
- </div>
12
+
13
+ <div class="header_box">
14
+ {% include header_bar.html %}
15
+ <a href="{{base}}">
16
+ <div class="logo">
17
+ </div>
18
+ </a>
19
+ <div id="social_container">
20
+ <a href="https://www.instagram.com/sealiconvalley/">
21
+ <div class="social_img">
22
+ </div>
23
+ </a>
24
+ <a href="https://www.facebook.com/sealiconvalley/">
25
+ <div class="social_img">
26
+ </div>
27
+ </a>
28
+ <div class="social_img">
29
+ </div>
30
+ <div class="social_img">
31
+ </div>
32
+ <div class="social_img">
33
+ </div>
34
+ </div>
35
+ <div class="layer1">
36
+ </div>
37
+ <div class="layer2">
38
+ </div>
39
+ <div class="layer3">
40
+ </div>
41
+ <div class="layer4">
42
+ </div>
43
+ <div class="layer5">
44
+ </div>
45
+ <div class="drone">
46
+ </div>
47
+
48
+ </div>
49
+
50
+
51
+ <div class="header_box_small">
52
+ {% include header_bar.html %}
53
+ </div>
54
+
42
55
  </body>
56
+
57
+ </html>
@@ -0,0 +1,130 @@
1
+ {% include base.html %}
2
+
3
+ <!DOCTYPE html>
4
+ <html lang="{{ page.lang | default: site.lang | default: " en " }}">
5
+
6
+ <head>
7
+ {% include head.html %}
8
+ <script>
9
+ function openNav() {
10
+ document.getElementById("mySidenav").style.width = "250px";
11
+ }
12
+
13
+ /* Set the width of the side navigation to 0 */
14
+ function closeNav() {
15
+ document.getElementById("mySidenav").style.width = "0";
16
+ }
17
+ </script>
18
+
19
+ <style>
20
+ /* The side navigation menu */
21
+ .sidenav {
22
+ height: 100%; /* 100% Full-height */
23
+ width: 0; /* 0 width - change this with JavaScript */
24
+ position: fixed; /* Stay in place */
25
+ z-index: 10000; /* Stay on top */
26
+ top: 0;
27
+ right: 0;
28
+ background-color: #111; /* Black*/
29
+ overflow-x: hidden; /* Disable horizontal scroll */
30
+ padding-top: 60px; /* Place content 60px from the top */
31
+ transition: 0.5s; /* 0.5 second transition effect to slide in the sidenav */
32
+
33
+ background-color: white;
34
+ }
35
+
36
+ /* The navigation menu links */
37
+ .sidenav a {
38
+ padding: 8px 8px 8px 32px;
39
+ text-decoration: none;
40
+ font-size: 25px;
41
+ color: #818181;
42
+ display: block;
43
+ transition: 0.3s
44
+ }
45
+
46
+ /* When you mouse over the navigation links, change their color */
47
+ .sidenav a:hover, .offcanvas a:focus{
48
+ color: #f1f1f1;
49
+ }
50
+
51
+ /* Position and style the close button (top right corner) */
52
+ .sidenav .closebtn {
53
+ position: absolute;
54
+ top: 0;
55
+ right: 25px;
56
+ font-size: 36px;
57
+ margin-left: 50px;
58
+ }
59
+
60
+ </style>
61
+ </head>
62
+
63
+ <body>
64
+
65
+ <div id="mySidenav" class="sidenav">
66
+ <a href="javascript:void(0)" class="closebtn" onclick="closeNav()">&times;</a>
67
+ <a href="{{base}}">Comic
68
+ </a>
69
+ <a href="{{base}}/blog.html">Blog
70
+ </a>
71
+ <a href="{{base}}/characters.html">Characters
72
+ </a>
73
+ <a href="{{base}}/about.html">About
74
+ </a>
75
+ </div>
76
+
77
+ <div class="header_bar_container">
78
+ <div class="header_bar">
79
+ <div class="logo_header_bar">
80
+ <a href="{{base}}">
81
+ <div class="header_logo">
82
+ </div>
83
+ </a>
84
+ </div>
85
+ <div id="social_container_small">
86
+ <a href="https://www.instagram.com/sealiconvalley/">
87
+ <div class="social_img_small">
88
+ </div>
89
+ </a>
90
+ <a href="https://www.facebook.com/sealiconvalley/">
91
+ <div class="social_img_small">
92
+ </div>
93
+ </a>
94
+ <div class="social_img_small">
95
+ </div>
96
+ <div class="social_img_small">
97
+ </div>
98
+ <div class="social_img_small">
99
+ </div>
100
+ </div>
101
+ <div class="menu_header_bar">
102
+ <a href="{{base}}">
103
+ <div class="menu_header_text_wrapper">
104
+ <div class="menu_header_text">Comic</div>
105
+ </div>
106
+ </a>
107
+ <a href="{{base}}/blog.html">
108
+ <div class="menu_header_text_wrapper">
109
+ <div class="menu_header_text">Blog</div>
110
+ </div>
111
+ </a>
112
+ <a href="{{base}}/characters.html">
113
+ <div class="menu_header_text_wrapper">
114
+ <div class="menu_header_text">Characters</div>
115
+ </div>
116
+ </a>
117
+ <a href="{{base}}/about.html">
118
+ <div class="menu_header_text_wrapper">
119
+ <div class="menu_header_text">About</div>
120
+ </div>
121
+ </a>
122
+ <!--
123
+ <span class="burger" onclick="openNav()"></span>
124
+ -->
125
+ </div>
126
+ </div>
127
+ </div>
128
+ </body>
129
+
130
+ </html>
@@ -0,0 +1,35 @@
1
+ {% include base.html %}
2
+
3
+ <!DOCTYPE html>
4
+ <html lang="{{ page.lang | default: site.lang | default: " en " }}">
5
+
6
+ <head>
7
+ {% include head.html %}
8
+ </head>
9
+
10
+ <body>
11
+
12
+ {% include header.html %}
13
+ <div class="about_container">
14
+ <div class="about_pic">
15
+ </div>
16
+
17
+ <div class="about_text">
18
+ <div class="about_title">
19
+ Hi there!
20
+ </div>
21
+ <div class="about_content">
22
+ Lorem ipsum dolor sit amet, oporteat invenire ut quo. Sed simul tation explicari ne. Viderer disputationi ad cum. Intellegebat signiferumque quo ei. Mel ignota salutandi ut, cu nec atqui nulla.
23
+ <br/> <br/>Cibo simul mucius his an. Ius civibus inimicus te, democritum suscipiantur delicatissimi qui ex, nam id sale commune lobortis. Postulant vituperata ea cum, iracundia comprehensam te est. Melius aperiri incorrupte vel no. Detraxit
24
+ quaestio delicatissimi no pri.
25
+ </div>
26
+ <div class="about_email">
27
+ sealiconvalley@gmail.com
28
+ </div>
29
+ </div>
30
+
31
+ </div>
32
+ {% include footer.html %}
33
+ </body>
34
+
35
+ </html>
@@ -0,0 +1,64 @@
1
+ {% include base.html %}
2
+
3
+ <!DOCTYPE html>
4
+ <html lang="{{ page.lang | default: site.lang | default: " en " }}">
5
+
6
+ <head>
7
+ {% include head.html %}
8
+ </head>
9
+ <body>
10
+
11
+ {% include header.html %}
12
+
13
+ <div class="home_content" >
14
+
15
+ <div class="masonry" id="blog_masonry">
16
+ <ul class="post-list">
17
+ {% for post in site.posts %}
18
+ {% if post.tags contains 'blog' %}
19
+ <li>
20
+ <a href="{{base}}{{ post.url }}">
21
+ <div class="item" id="blog_item">
22
+ <div class="blog_preview">
23
+ {{ post.preview | remove: '
24
+ <p>' | remove: '</p>' | replace: 'BASE', base }}
25
+ </div>
26
+ <div class="blog_preview_info">
27
+ <div class="blog_preview_title">
28
+ {{ post.title | escape }}
29
+ </div>
30
+ <div class="blog_preview_excerpt">
31
+ {{ post.excerpt | remove: '
32
+ <p>' | remove: '</p>' | replace: 'BASE', base }}
33
+ </div>
34
+ </div>
35
+
36
+ <!--
37
+ <div class="post_info" >
38
+
39
+ <span class="home_post_title">{{ post.title | escape }}</span>
40
+ <span class="home_post_date" >{{ post.date | date: "%b %-d, %Y" }}</span>
41
+
42
+ </div>
43
+ <p>
44
+ {{post.url}}
45
+ </p>
46
+ <a class="post-link" href="{{base}}{{ post.url }}">
47
+ <div class="excerpt_container">
48
+ {{ post.preview | remove: '
49
+ <p>' | remove: '</p>' | replace: 'BASE', base }}
50
+
51
+ </div>
52
+ </a>
53
+ -->
54
+ </div>
55
+ </a>
56
+ </li>
57
+ {% endif %}
58
+ {% endfor %}
59
+ </ul>
60
+ </div>
61
+ </div>
62
+ {% include footer.html %}
63
+ </body>
64
+ </html>
@@ -0,0 +1,16 @@
1
+ {% include base.html %}
2
+
3
+ <!DOCTYPE html>
4
+ <html lang="{{ page.lang | default: site.lang | default: " en " }}">
5
+
6
+ <head>
7
+ {% include head.html %}
8
+
9
+ </head>
10
+
11
+ <body>
12
+ {% include header.html %}
13
+
14
+ {% include footer.html %}
15
+ </body>
16
+ </html>
@@ -0,0 +1,170 @@
1
+ {% include base.html %}
2
+
3
+ <!DOCTYPE html>
4
+ <html lang="{{ page.lang | default: site.lang | default: " en " }}">
5
+
6
+ <head>
7
+ <!--<script src="{{base}}/assets/carousel.js"></script>-->
8
+ {% include head.html %}
9
+ <script>
10
+ </script>
11
+ </head>
12
+
13
+
14
+ <body>
15
+ {% include header.html %}
16
+
17
+ <div class="fish_container2">
18
+
19
+ <div class="fish_item">
20
+ <div class="fish_icon">
21
+ <img src="{{base}}/assets/octopus2.png" />
22
+ </div>
23
+ <div class="fish_content">
24
+
25
+ <div class="fish_name">
26
+ Octopus
27
+ </div>
28
+ <div class="fish_title">
29
+ (Designer)
30
+ </div>
31
+ <div class="fish_desc">
32
+ Lorem ipsum dolor sit amet, oporteat invenire ut quo. Sed simul tation explicari ne. Viderer disputationi ad cum. Intellegebat signiferumque quo ei. Mel ignota salutandi ut, cu nec atqui nulla.
33
+ <br/><br/>
34
+ Cibo simul mucius his an. Ius civibus inimicus te, democritum suscipiantur delicatissimi qui ex, nam id sale commune lobortis. Postulant vituperata ea cum, iracundia comprehensam te est. Melius aperiri incorrupte vel no. Detraxit quaestio delicatissimi no pri.
35
+ </div>
36
+ </div>
37
+
38
+ </div>
39
+
40
+
41
+
42
+ <div class="fish_item">
43
+ <div class="fish_icon">
44
+ <img src="{{base}}/assets/dolphin2.png" />
45
+ </div>
46
+ <div class="fish_content">
47
+
48
+ <div class="fish_name">
49
+ Dolphin
50
+ </div>
51
+ <div class="fish_title">
52
+ (Engineer)
53
+ </div>
54
+ <div class="fish_desc">
55
+ Lorem ipsum dolor sit amet, oporteat invenire ut quo. Sed simul tation explicari ne. Viderer disputationi ad cum. Intellegebat signiferumque quo ei. Mel ignota salutandi ut, cu nec atqui nulla.
56
+ <br/><br/>
57
+ Cibo simul mucius his an. Ius civibus inimicus te, democritum suscipiantur delicatissimi qui ex, nam id sale commune lobortis. Postulant vituperata ea cum, iracundia comprehensam te est. Melius aperiri incorrupte vel no. Detraxit quaestio delicatissimi no pri.
58
+ </div>
59
+ </div>
60
+
61
+ </div>
62
+
63
+
64
+
65
+ <div class="fish_item">
66
+ <div class="fish_icon">
67
+ <img src="{{base}}/assets/shark2.png" />
68
+ </div>
69
+ <div class="fish_content">
70
+
71
+ <div class="fish_name">
72
+ Shark
73
+ </div>
74
+ <div class="fish_title">
75
+ (Investor)
76
+ </div>
77
+ <div class="fish_desc">
78
+ Lorem ipsum dolor sit amet, oporteat invenire ut quo. Sed simul tation explicari ne. Viderer disputationi ad cum. Intellegebat signiferumque quo ei. Mel ignota salutandi ut, cu nec atqui nulla.
79
+ <br/><br/>
80
+ Cibo simul mucius his an. Ius civibus inimicus te, democritum suscipiantur delicatissimi qui ex, nam id sale commune lobortis. Postulant vituperata ea cum, iracundia comprehensam te est. Melius aperiri incorrupte vel no. Detraxit quaestio delicatissimi no pri.
81
+ </div>
82
+ </div>
83
+
84
+ </div>
85
+
86
+
87
+
88
+ <div class="fish_item">
89
+ <div class="fish_icon">
90
+ <img src="{{base}}/assets/narwhal2.png" />
91
+ </div>
92
+ <div class="fish_content">
93
+
94
+ <div class="fish_name">
95
+ Narwhal
96
+ </div>
97
+ <div class="fish_title">
98
+ (Startup Founder)
99
+ </div>
100
+ <div class="fish_desc">
101
+ Lorem ipsum dolor sit amet, oporteat invenire ut quo. Sed simul tation explicari ne. Viderer disputationi ad cum. Intellegebat signiferumque quo ei. Mel ignota salutandi ut, cu nec atqui nulla.
102
+ <br/><br/>
103
+ Cibo simul mucius his an. Ius civibus inimicus te, democritum suscipiantur delicatissimi qui ex, nam id sale commune lobortis. Postulant vituperata ea cum, iracundia comprehensam te est. Melius aperiri incorrupte vel no. Detraxit quaestio delicatissimi no pri.
104
+ </div>
105
+ </div>
106
+
107
+ </div>
108
+
109
+
110
+
111
+ <div class="fish_item">
112
+ <div class="fish_icon">
113
+ <img src="{{base}}/assets/bubble2.png" />
114
+ </div>
115
+ <div class="fish_content">
116
+
117
+ <div class="fish_name">
118
+ Bubble
119
+ </div>
120
+ <div class="fish_title">
121
+ (Intern)
122
+ </div>
123
+ <div class="fish_desc">
124
+ Lorem ipsum dolor sit amet, oporteat invenire ut quo. Sed simul tation explicari ne. Viderer disputationi ad cum. Intellegebat signiferumque quo ei. Mel ignota salutandi ut, cu nec atqui nulla.
125
+ <br/><br/>
126
+ Cibo simul mucius his an. Ius civibus inimicus te, democritum suscipiantur delicatissimi qui ex, nam id sale commune lobortis. Postulant vituperata ea cum, iracundia comprehensam te est. Melius aperiri incorrupte vel no. Detraxit quaestio delicatissimi no pri.
127
+ </div>
128
+ </div>
129
+
130
+ </div>
131
+ </div>
132
+ <!--
133
+
134
+ <div class="fish_container">
135
+ <div class="fish_img" id="octopus">
136
+ <img src="{{base}}/assets/octopus2.png" />
137
+ </div>
138
+ <div class="fish_img" id="dolphin">
139
+ <img src="{{base}}/assets/dolphin2.png" />
140
+ </div>
141
+ <div class="fish_img" id="narwhal">
142
+ <img src="{{base}}/assets/narwhal2.png" />
143
+ </div>
144
+ <div class="fish_img" id="shark">
145
+ <img src="{{base}}/assets/shark2.png" />
146
+ </div>
147
+ <div class="fish_img" id="bubble">
148
+ <img src="{{base}}/assets/bubble2.png" />
149
+ </div>
150
+ </div>
151
+ <div class="fish_text_container">
152
+ <div class="fish_info">
153
+ <div class="fish_name">
154
+ Narwhal
155
+ </div>
156
+ <div class="fish_title">
157
+ (Startup Founder)
158
+ </div>
159
+ <div class="fish_desc">
160
+ Lorem ipsum dolor sit amet, oporteat invenire ut quo. Sed simul tation explicari ne. Viderer disputationi ad cum. Intellegebat signiferumque quo ei. Mel ignota salutandi ut, cu nec atqui nulla.
161
+ <br/><br/>
162
+ Cibo simul mucius his an. Ius civibus inimicus te, democritum suscipiantur delicatissimi qui ex, nam id sale commune lobortis. Postulant vituperata ea cum, iracundia comprehensam te est. Melius aperiri incorrupte vel no. Detraxit quaestio delicatissimi no pri.
163
+ </div>
164
+ </div>
165
+ </div>
166
+ -->
167
+ {% include footer.html %}
168
+ </body>
169
+
170
+ </html>