HeaderSIS.jpg

Difference between revisions of "IS480 Team wiki: 2015T2 Creovate Documentation"

From IS480
Jump to navigation Jump to search
 
(11 intermediate revisions by 3 users not shown)
Line 1: Line 1:
<center>
 
[[File:Creovate.JPG| 400px]]
 
</center>
 
  
{|style="background-color:#ffffff; color:#000000" width="100%" cellspacing="0" cellpadding="10" valign="top" border="0"|
+
<!DOCTYPE html>
|style="font-size:100%; border-left:1px solid #ffffff; border-right:1px solid #ffffff; text-align:center; background-color:#006400; " width="10%" |[[Image:HomeButton.png|20px]] [[IS480 Team wiki: 2015T2 Creovate | <font color="#ffffff"><b>Home</b></font>]]
+
<html lang="en">
|style="font-size:100%; border-left:1px solid #ffffff; border-right:1px solid #ffffff; text-align:center; background-color:#006400; " width="10%" |[[Image:aboutus.png|20px]] [[IS480_Team_wiki:_2015T2 Creovate About Us |<font color="#ffffff"><b>About Us</b></font>]]
+
  <head>
|style="font-size:100%; border-left:1px solid #ffffff; border-right:1px solid #ffffff; text-align:center; background-color:#006400; " width="10%" |[[Image:Glyphicons 042 pie chart.png|20px]] [[IS480_Team_wiki:_2015T2 Creovate Overview |<font color="#ffffff"><b>Project Overview</b></font>]]
+
    <meta charset="utf-8">
|style="font-size:100%; border-left:1px solid #ffffff; border-right:1px solid #ffffff; text-align:center; background-color:#006400; " width="10%" |[[Image:calendaricon.png|20px]] [[IS480_Team_wiki:_2015T2 Creovate Project Management |<font color="#ffffff"><b>Project Management</b></font>]]
+
    <title>TRY - Agency Theme</title>
|style="font-size:100%; border-left:1px solid #ffffff; border-right:1px solid #ffffff; text-align:center; background-color:#003c00; " width="10%" |[[Image:tableicon.png|20px]] [[IS480_Team_wiki:_2015T2 Creovate Documentation |<font color="#ffffff"><b>Project Documentation</b></font>]]
+
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
|}
+
    <meta name="description" content="TRY - Agency Theme">
 +
    <meta name="author" content="Basicoh.com">
  
<br>
+
    <!-- Le styles -->
 +
    <link href="assets/css/bootstrap.css" rel="stylesheet">
 +
    <link href="assets/css/main.css" rel="stylesheet">
 +
    <style>
 +
      body {
 +
        padding-top: 60px; /* 60px to make the container go all the way to the bottom of the topbar */
 +
      }
 +
    </style>
 +
    <link href="assets/css/bootstrap-responsive.css" rel="stylesheet">
  
{| style="background-color:white; color:white padding: 5px 0 0 0; border: 2px solid #338333" width="100%" height=55px cellspacing="0" cellpadding="0" valign="middle" border="0" |
+
    <!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
 +
    <!--[if lt IE 9]>
 +
      <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
 +
    <![endif]-->
 +
   
 +
    <!-- Le fav and touch icons -->
 +
    <link rel="shortcut icon" href="assets/ico/favicon.ico">
 +
    <link rel="apple-touch-icon-precomposed" sizes="144x144" href="assets/ico/apple-touch-icon-144-precomposed.png">
 +
    <link rel="apple-touch-icon-precomposed" sizes="114x114" href="assets/ico/apple-touch-icon-114-precomposed.png">
 +
    <link rel="apple-touch-icon-precomposed" sizes="72x72" href="assets/ico/apple-touch-icon-72-precomposed.png">
 +
    <link rel="apple-touch-icon-precomposed" href="assets/ico/apple-touch-icon-57-precomposed.png">
 +
  </head>
  
|style="padding:0 .3em; solid #000000; text-align:center; background-color:white; border: 1px solid #003c00 " width="10%" | [[IS480_Team_wiki:_2015T2 Creovate Documentation |<font face = "Arial" color="#003c00"><b>Diagram</b></font>]]
+
  <body>
  
|style="padding:0 .3em; solid #000000; text-align:center; background-color:white; border: 1px solid #338333 " width="10%" | [[IS480_Team_wiki:_2015T2 Creovate Documentation |<font face = "Arial" color="#338333"><b>Prototype</b></font>]]
+
    <div class="navbar navbar-inverse navbar-fixed-top">
 +
      <div class="navbar-inner">
 +
        <div class="container">
 +
          <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
 +
            <span class="icon-bar"></span>
 +
            <span class="icon-bar"></span>
 +
            <span class="icon-bar"></span>
 +
          </a>
 +
          <a class="brand" href="#"><img src="assets/img/logo.png" alt=""></a>
 +
          <div class="nav-collapse collapse">
 +
            <ul class="nav">
 +
                <li class="active"><a href="index.html">Home</a></li>
 +
            <li class="dropdown">
 +
            <a href="#" class="dropdown-toggle" data-toggle="dropdown">Pages <b class="caret"></b></a>
 +
                    <ul class="dropdown-menu">
 +
              <li><a href="about.html">About</a></li>
 +
              <li><a href="contact.html">Contact</a></li>
 +
                    <li><a href="pricing.html">Pricing Table</a></li>
 +
                    <li><a href="services.html">Services</a></li>
 +
                    </ul>
 +
            </li>
 +
            <li class="dropdown">
 +
            <a href="#" class="dropdown-toggle" data-toggle="dropdown">Portfolio <b class="caret"></b></a>
 +
                    <ul class="dropdown-menu">
 +
                    <li><a href="portfolio.html">Portfolio</a></li>
 +
                    <li><a href="portfolio2.html">Portfolio 2 Col.</a></li>
 +
                    <li><a href="portfolio3.html">Portfolio 3 Col.</a></li>
 +
                    <li><a href="portfolio4.html">Portfolio 4 Col.</a></li>
 +
              <li><a href="project-single.html">Single Item</a></li>
 +
                    </ul>
 +
            </li>
 +
            <li class="dropdown">
 +
            <a href="#" class="dropdown-toggle" data-toggle="dropdown">Blog <b class="caret"></b></a>
 +
                    <ul class="dropdown-menu">
 +
                    <li><a href="blog.html">Blog</a></li>
 +
                    <li><a href="blog2.html">Blog Variation</a></li>
 +
                    <li><a href="blog3.html">Blog Post</a></li>
 +
                    </ul>
 +
            </li>
 +
           
 +
            </ul>
 +
          </div><!--/.nav-collapse -->
 +
        </div>
 +
      </div>
 +
    </div>
  
|style="padding:0 .3em; solid #000000; text-align:center; background-color:white; border: 1px solid #338333 " width="10%" | [[IS480_Team_wiki:_2015T2 Creovate Documentation |<font face = "Arial" color="#338333"><b>Technical Documents</b></font>]]
+
   
 +
<div id="headerwrap">
 +
<div class="container">
 +
<div class="row">
 +
<div class="span6">
 +
<h1><bold>TRY</bold>, a Creative Studio of Web Enthusiasts.</h1>
 +
<p class="hidden-phone hidden-tablet">In TRY we believe brands should not only tell great stories, but also create innovative and involving experiences for consumers.</p>
 +
<!-- Start of button-full -->
 +
<div class="button-full">
 +
<a href="#">Wanna Try?</a>
 +
</div>
 +
<!-- End of button-full -->
 +
<!-- Start of button-full -->
 +
<div class="button-transparent">
 +
<a href="#">Read More</a>
 +
</div>
 +
<!-- End of button-full -->
 +
<br>
 +
<br>
 +
<br>
 +
</div><!-- /span6 -->
 +
 +
<div class="span6 hidden-tablet">
 +
    <!-- Slider -->
 +
          <div id="myCarousel" class="carousel slide hidden-phone">
 +
          <div class="carousel-inner">
 +
                  <!-- First Image -->
 +
              <div class="item active">
 +
                <img src="assets/img/s01.png" alt="">
 +
              </div>
 +
                  <!-- Second Image -->
 +
              <div class="item">
 +
                <img src="assets/img/s02.png" alt="">
 +
              </div>
 +
            </div>
 +
          </div><!-- /myCarousel -->
 +
    <!-- /END Slider -->
 +
</div><!-- /span6 -->
 +
</div><!-- /row -->
 +
</div><!-- /container -->
 +
</div><!-- /headerwrap -->
  
|style="padding:0 .3em; solid #000000; text-align:center; background-color:white; border: 1px solid #338333 " width="10%" | [[IS480_Team_wiki:_2015T2 Creovate Documentation |<font face = "Arial" color="#338333"><b>User Test</b></font>]]
+
<div id="welcomewrap">
 +
<div class="container">
 +
<div class="span12">
 +
<h2>We conceive, design and produce digital content and integrated experiences for web, mobile and the physical world.</h2>
 +
<br>
 +
<p>See a bit of what we are capable of. Scroll down.</p>
 +
<p><img src="assets/img/scroll-arrow.png" alt=""></p>
 +
</div><!-- /span12 -->
 +
</div><!-- /container -->
 +
</div><!-- /welcomewrap -->
 +
 +
<div class="container">
 +
<div class="row projects">
 +
 +
<div class="span4">
 +
<img src="assets/img/project01.jpg" alt="">
 +
<div class="desc">
 +
<a href="project-single.html"><h5>Project Title</h5></a>
 +
<p>A beautiful description.</p>
 +
</div><!-- /desc -->
 +
</div><!-- /span4 -->
 +
 +
<div class="span4">
 +
<img src="assets/img/project01.jpg" alt="">
 +
<div class="desc">
 +
<a href="project-single.html"><h5>Project Title</h5></a>
 +
<p>A beautiful description.</p>
 +
</div><!-- /desc -->
 +
</div><!-- /span4 -->
 +
 +
<div class="span4">
 +
<img src="assets/img/project01.jpg" alt="">
 +
<div class="desc">
 +
<a href="project-single.html"><h5>Project Title</h5></a>
 +
<p>A beautiful description.</p>
 +
</div><!-- /desc -->
 +
</div><!-- /span4 -->
  
|style="padding:0 .3em; solid #000000; text-align:center; background-color:white; border: 1px solid #338333 " width="10%" | [[IS480_Team_wiki:_2015T2 Creovate Documentation |<font face = "Arial" color="#338333"><b>Meeting Minutes</b></font>]]
+
<div class="span4">
 +
<img src="assets/img/project01.jpg" alt="">
 +
<div class="desc">
 +
<a href="project-single.html"><h5>Project Title</h5></a>
 +
<p>A beautiful description.</p>
 +
</div><!-- /desc -->
 +
</div><!-- /span4 -->
 +
 +
<div class="span4">
 +
<img src="assets/img/project01.jpg" alt="">
 +
<div class="desc">
 +
<a href="project-single.html"><h5>Project Title</h5></a>
 +
<p>A beautiful description.</p>
 +
</div><!-- /desc -->
 +
</div><!-- /span4 -->
 +
 +
<div class="span4">
 +
<img src="assets/img/project01.jpg" alt="">
 +
<div class="desc">
 +
<a href="project-single.html"><h5>Project Title</h5></a>
 +
<p>A beautiful description.</p>
 +
</div><!-- /desc -->
 +
</div><!-- /span4 -->
 +
</div><!-- /row -->
 +
<br>
 +
<br>
 +
<br>
 +
<br>
 +
</div><!-- /container -->
 +
 +
<div id="testimonials">
 +
<div class="container">
 +
<div class="row">
 +
<div class="span4"></div>
 +
<div class="span4">
 +
<img src="assets/img/pic01.jpg" alt="" class="img-circle">
 +
<h3>"TRY created an amazing design for us and we couldn't be happier with the results. They really took on our project as it was their own and they pulled through to the finish line."</h3>
 +
<p>Marcel Newman.</p>
 +
</div>
 +
<div class="span4"></div>
 +
</div><!-- /row -->
 +
</div><!-- /container -->
 +
</div><!-- /testimonials -->
 +
 +
<div id="quote">
 +
<div class="container">
 +
<div class="row">
 +
<div class="span2 offset5">
 +
<!-- Start of button-full -->
 +
<div class="button-quote">
 +
<a href="#">Get a Quote</a>
 +
</div>
 +
<!-- End of button-full -->
 +
</div><!-- /span2 -->
 +
</div><!-- /row -->
 +
</div><!-- /container -->
 +
</div><!-- /quote -->
 +
 +
<div id="footer">
 +
<div class="container">
 +
<div class="row">
 +
<div class="span3">
 +
<h3>TRY</h3>
 +
</div><!-- /span3 -->
 +
<div class="span3">
 +
<h4>Featured Post</h4>
 +
<br>
 +
<p><b>Skyfall:</b> This is the end. Hold your breath and count to ten. Feel the earth move and then. Hear my heart burst again.</p>
 +
</div><!-- /span3 -->
 +
<div class="span3">
 +
<h4>Address</h4>
 +
<br>
 +
<p>987 Francis Ave. <br>28050 Madrid, Spain.<br> Tel.: 909 876 5533</p>
 +
</div><!-- /span3 -->
 +
<div class="span3">
 +
<h4>Follow Us</h4>
 +
<br>
 +
<p>Facebook <br>Pinterest <br>Instagram</p>
 +
</div><!-- /span3 -->
 +
</div><!-- /row -->
 +
</div><!-- /container -->
 +
</div><!-- /footer -->
 +
 +
<div id="copyright">
 +
<div class="container">
 +
<div class="row">
 +
<div class="span9">
 +
<p>Copyright 2013 - www.basicoh.com</p>
 +
</div>
 +
<div class="span3">
 +
<p>Home | Contact | About</p>
 +
</div>
 +
</div>
 +
</div>
 +
</div>
  
|}
+
    <!-- Le javascript
 
+
    ================================================== -->
<br>
+
    <!-- Placed at the end of the document so the pages load faster -->
= Use Case Diagram =
+
    <script type="text/javascript" src="assets/js/jquery-1.9.1.min.js"></script>
<center>
+
    <script type="text/javascript" src="assets/js/retina.js"></script>
[[Image:Usecase diagram.jpg| 700px]]
+
    <script type="text/javascript" src="assets/js/bootstrap.js"></script>
</center>
+
    <script type="text/javascript" src="assets/js/theme.js"></script>
 +
  </body>
 +
</html>

Latest revision as of 11:00, 4 October 2016

<!DOCTYPE html> <html lang="en">

 <head>
   <meta charset="utf-8">
   <title>TRY - Agency Theme</title>
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <meta name="description" content="TRY - Agency Theme">
   <meta name="author" content="Basicoh.com">
   <link href="assets/css/bootstrap.css" rel="stylesheet">
   <link href="assets/css/main.css" rel="stylesheet">
   <style>
     body {
       padding-top: 60px; /* 60px to make the container go all the way to the bottom of the topbar */
     }
   </style>
   <link href="assets/css/bootstrap-responsive.css" rel="stylesheet">


   <link rel="shortcut icon" href="assets/ico/favicon.ico">
   <link rel="apple-touch-icon-precomposed" sizes="144x144" href="assets/ico/apple-touch-icon-144-precomposed.png">
   <link rel="apple-touch-icon-precomposed" sizes="114x114" href="assets/ico/apple-touch-icon-114-precomposed.png">
   <link rel="apple-touch-icon-precomposed" sizes="72x72" href="assets/ico/apple-touch-icon-72-precomposed.png">
   <link rel="apple-touch-icon-precomposed" href="assets/ico/apple-touch-icon-57-precomposed.png">
 </head>
 <body>


We conceive, design and produce digital content and integrated experiences for web, mobile and the physical world.


See a bit of what we are capable of. Scroll down.

<img src="assets/img/scroll-arrow.png" alt="">

<img src="assets/img/project01.jpg" alt="">

<a href="project-single.html">
Project Title
</a>

A beautiful description.

<img src="assets/img/project01.jpg" alt="">

<a href="project-single.html">
Project Title
</a>

A beautiful description.

<img src="assets/img/project01.jpg" alt="">

<a href="project-single.html">
Project Title
</a>

A beautiful description.

<img src="assets/img/project01.jpg" alt="">

<a href="project-single.html">
Project Title
</a>

A beautiful description.

<img src="assets/img/project01.jpg" alt="">

<a href="project-single.html">
Project Title
</a>

A beautiful description.

<img src="assets/img/project01.jpg" alt="">

<a href="project-single.html">
Project Title
</a>

A beautiful description.





<img src="assets/img/pic01.jpg" alt="" class="img-circle">

"TRY created an amazing design for us and we couldn't be happier with the results. They really took on our project as it was their own and they pulled through to the finish line."

Marcel Newman.

<a href="#">Get a Quote</a>

   <script type="text/javascript" src="assets/js/jquery-1.9.1.min.js"></script>
   <script type="text/javascript" src="assets/js/retina.js"></script>
   <script type="text/javascript" src="assets/js/bootstrap.js"></script>
   <script type="text/javascript" src="assets/js/theme.js"></script>
 </body>

</html>