diff options
author | Michael Francis <edude03@gmail.com> | 2011-05-28 13:28:16 -0400 |
---|---|---|
committer | Michael Francis <edude03@gmail.com> | 2011-05-28 13:28:16 -0400 |
commit | 2389d66da849798f8d4ec5f10e3b07c11da49185 (patch) | |
tree | e22556d12982395b469a23420c662662e3e064cc /views/pages | |
download | otakuhub-2389d66da849798f8d4ec5f10e3b07c11da49185.tar.xz |
Initial Commit
Diffstat (limited to 'views/pages')
-rw-r--r-- | views/pages/contest.html.php | 10 | ||||
-rw-r--r-- | views/pages/feed.html.php | 14 | ||||
-rw-r--r-- | views/pages/home.html.php | 103 |
3 files changed, 127 insertions, 0 deletions
diff --git a/views/pages/contest.html.php b/views/pages/contest.html.php new file mode 100644 index 0000000..a2ebb73 --- /dev/null +++ b/views/pages/contest.html.php @@ -0,0 +1,10 @@ +<div class="container_12"> +<div class="grid_4"> +<img width="300px" height="300px" src="/img/appletv2.jpeg" alt=""> +</div> +<div class="grid_7"> +<h2 id="tagline">Want a free appleTV 2?</h2> +<p>We're giving one away totally free!</p> +</div> +<br class="cl" /> +</div> diff --git a/views/pages/feed.html.php b/views/pages/feed.html.php new file mode 100644 index 0000000..69cb163 --- /dev/null +++ b/views/pages/feed.html.php @@ -0,0 +1,14 @@ +<h2 class="ribbon full">edude03's feed</h2> +<div class="triangle-ribbon"></div> +<br class="cl" /> +<div class="two-col container_12"> + <div class="grid_4"> + <img src="http://cdn.myanimelist.net/images/anime/11/25060.jpg"> + <ul class="sidebar-nav"> + <li class="first current"><a href="#">Feed</a></li> + <li class=""><a href="#">Direct Messages</a></li> + <li><a href="#">Friends</a></li> + </ul> + </div> + <br class="cl"> + </div>
\ No newline at end of file diff --git a/views/pages/home.html.php b/views/pages/home.html.php new file mode 100644 index 0000000..8738aaf --- /dev/null +++ b/views/pages/home.html.php @@ -0,0 +1,103 @@ +<div id="feature"> +<img class="feature-img" src="/img/screenshot.png" alt=""> +<div class="feature-text"> +<h2 id="tagline">The Otaku Social Network</h2> +<h3 id="tagline-mini">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</h3> +<h2>Signup Now!</h2> +<hr/> +<form method="post" action="/users/signup"><div><label for="Username">Username</label><input type="text" style="width: 200px;" name="username" id="Username"></div><div><label for="Password">Password</label><input type="text" id="Password" name="password" style="width: 200px;"><div><label for="Email">Email</label><input type="text" id="Email" name="email" style="width: 200px;"><input class="button green" type="submit" value="Signup!"></div></form> +<br class="cl" /> +</div> +<br class="cl" /> +</div> +</div> + + + + + <div id="page-content" class="container_12"> + <h2 class="ribbon full">Why You'll ♡ OtakHUB:</h2> + <div class="triangle-ribbon"></div> +<br class="cl" /> + + <div class="grid_4 feature"> + <h3>For Us By Us</h3> + <img src="/img/features/box_address.png" height="48" width="48" alt="design" /> + <p>Built by Otakus for Otakus, we know what you want, and we work tirelessly to give it to you. </p> + </div> + <div class="grid_4 feature"> + <h3>Data Portability</h3> + <img src="/img/features/magic_wand.png" height="48" width="48" alt="design" /> + <p>Move your data between AnimePlanet AnimeDB or MAL or export your list for your own records</p> + </div> + <div class="grid_4 feature"> + <h3>Meet others</h3> + <img src="/img/features/monitor.png" height="48" width="48" alt="design" /> + <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p> + </div> + <div class="grid_4 feature"> + <h3>Options</h3> + <img src="/img/features/preferences.png" height="48" width="48" alt="coding" /> + <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p> + </div> + <div class="grid_4 feature"> + <h3>Security</h3> + <img src="/img//features/lock_closed.png" height="48" width="48" alt="seo" /> + <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p> + </div> + <div class="grid_4 feature"> + <h3>Support</h3> + <img src="/img/features/security.png" height="48" width="48" alt="icon design" /> + <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p> + </div> + <br class="cl" /> + <br /> + <h2 class="ribbon blue">Screenshots</h2> + <div class="triangle-ribbon blue"></div> +<br class="cl" /> + + +<!-- "previous page" action --> +<a class="prev browse left"></a> +<div id="browsable" class="scrollable"> + + <!-- root element for the items --> + <div class="items"> + + <!-- 1-5 --> + <div> + <img src="/img/screenshots/buttons.jpg" height="100" width="100" alt="" /> + <img src="/img/screenshots/gallery.jpg" height="100" width="100" alt="" /> + <img src="/img/screenshots/calendars.jpg" height="100" width="100" alt="" /> + <img src="/img/screenshots/charts.jpg" height="100" width="100" alt="" /> + <img src="/img/screenshots/coding.jpg" height="100" width="100" alt="" /> + </div> + + <!-- 5-10 --> + <div> + <img src="/img/screenshots/docs.jpg" height="100" width="100" alt="" /> + <img src="/img/screenshots/forms.jpg" height="100" width="100" alt="" /> + <img src="/img/screenshots/gallery.jpg" height="100" width="100" alt="" /> + <img src="/img/screenshots/notifications.jpg" height="100" width="100" alt="" /> + <img src="/img/screenshots/pagination.jpg" height="100" width="100" alt="" /> + </div> + + <!-- 10-15 --> + <div> + <img src="/img/screenshots/psd.jpg" height="100" width="100" alt="" /> + <img src="/img/screenshots/switches.jpg" height="100" width="100" alt="" /> + <img src="/img/screenshots/tabs.jpg" height="100" width="100" alt="" /> + <img src="/img/screenshots/themes.jpg" height="100" width="100" alt="" /> + <img src="/img/screenshots/tips.jpg" height="100" width="100" alt="" /> + </div> + + </div> + +</div> +<!-- "next page" action --> +<a class="next browse right"></a> +<br /> + + + </div> + <br class="cl" />
\ No newline at end of file |