Commits

Kaique Silva committed eea2c41

titanium presentation in progress

Comments (0)

Files changed (5)

+/home/kaique/Projects/web/SimplePressJS/
Add a comment to this file

img/appcelerator-logo.png

Added
New image
Added
New image
 	<meta charset="utf-8">
 	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
 
-	<title>Simple Press JS</title>
+	<title>Titanium Mobile</title>
 	<meta name="description" content="Make web presentations using web standarts.">
 	<meta name="author" content="kaique.developer@gmail.com">
 
 <!--[if lt IE 7]><p class=chromeframe>Your browser is <em>ancient!</em> <a href="http://browsehappy.com/">Upgrade to a different browser</a> or <a href="http://www.google.com/chromeframe/?redirect=true">install Google Chrome Frame</a> to experience this site.</p><![endif]-->
     <div class="application container">
     	<header>
-    		<h1 class="main-stamp title light">Simple Press JS</h1>
+    		<h1 class="main-stamp title light">Titanium Mobile</h1>
                 <nav>
                     <ul class="navigation">
                         <li>
     		<div class="press">
           <div class="mask">
             <div class="slide">
-            <header>
-                <h1 class="stamp">Press test 1</h1>
-            </header>
+              <header>
+                  <h1 class="stamp">Olá, vamos falar sobre Titanium?</h1>
+                  <hr>
+              </header>
+                <div>
+                  <p>
+                    Meu nome é Kaique da Silva, sou desenvolvedor na empresa Phoenix Comunicação Integrada. <br>
+                    Coordeno a área de desenvolvimento para web e mobile. E lá utilizamos Titanium Mobile.
+                  </p>
+                  <br>
+                  <p>
+                    Porque escolher Titanium?
+                  </p>
+                  <br>
+                  <p>
+                    Quer saber? Então vamos começar.
+                  </p>
+                </div>
+                <footer>
+                  
+                </footer>
+            </div>
+            <div class="slide">
+              <header>
+                  <h1 class="stamp">Como tudo começou?</h1>
+                  <hr>
+              </header>
+                <div>
+                  <p>
+                    <img src="img/titanium-logo.png" width="60%" style="margin: 10px 140px;" />
+                  </p>
+                </div>
+                <footer>
+                  
+                </footer>
+            </div>
+            <div class="slide">
+              <header>
+                <h1 class="stamp">Como funciona?</h1>
+                <hr>
+              </header>
+              <div>
+                <p>
+                  
+                </p>
+              </div>
+              <footer>
+                
+              </footer>
+            </div>
+
+            <div class="slide">
+              <header>
+                <h1 class="stamp">Quem esta utilizando?</h1>
+                <hr>
+              </header>
+              <div>
+                <p>
+                  
+                </p>
+              </div>
+              <footer>
+                
+              </footer>
+            </div>
+
+            <div class="slide">
+              <header>
+                <h1 class="stamp">Como começar a utilizar o titanium?</h1>
+                <hr>
+              </header>
+              <div>
+                <p>
+                  
+                </p>
+              </div>
+              <footer>
+                
+              </footer>
+            </div>
+
+            <div class="slide">
+              <header>
+                <h1 class="stamp">Plataformas suportadas</h1>
+                <hr>
+              </header>
+              <div>
+                <p>
+                  
+                </p>
+              </div>
+              <footer>
+                
+              </footer>
+            </div>
+
+            <div class="slide">
+              <header>
+                <h1 class="stamp">Quais são as possibilidades?</h1>
+                <hr>
+              </header>
+              <div>
+                <p>
+                  
+                </p>
+              </div>
+              <footer>
+                
+              </footer>
+            </div>
+
+            <div class="slide">
+              <header>
+                <h1 class="stamp">Alguns truques</h1>
+                <hr>
+              </header>
+              <div>
+                <p>
+                  
+                </p>
+              </div>
+              <footer>
+                
+              </footer>
+            </div>
+
+            <div class="slide">
+              <header>
+                <h1 class="stamp">Publicação de uma aplicação</h1>
+                <hr>
+              </header>
+              <div>
+                <p>
+                  
+                </p>
+              </div>
+              <footer>
+                
+              </footer>
+            </div>
+
+            <div class="slide">
+              <header>
+                <h1 class="stamp">Quer ajudar?</h1>
+                <hr>
+              </header>
               <div>
                 <p>
-                  Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
-                  tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
-                  quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
-                  consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
-                  cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
-                  proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+                  
                 </p>
               </div>
               <footer>
                 
               </footer>
             </div>
+
             <div class="slide">
               <header>
-                <h1 class="stamp">Press test 2</h1>
+                <h1 class="stamp">Isso não é tudo...</h1>
+                <hr>
               </header>
               <div>
                 <p>
-                  Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
-                  tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
-                  quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
-                  consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
-                  cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
-                  proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+                  Isso não é tudo mas, eu termino por aqui a apresentação...
                 </p>
+
+                <ul>
+                  <li> <a href="http://kaiquewdev.nodester.com">Site: http://kaiquewdev.nodester.com</a> </li>
+                  <li> <a href="http://twitter.com/#!/japaloc">Twitter: @japaloc</a> </li>
+                  <li> <a href="http://github.com/kaiquewdev">Github: kaiquewdev</a> </li>
+                  <li> <a href="http://facebook.com/kaique.silva">Facebook: Kaique Silva</a> </li>
+                  <li> <a href="http://cladecoders.tumblr.com">Blog: Clade Coders</a> </li>
+                </ul>
               </div>
               <footer>
                 
 	padding: 25px 0;
 	width: 100%;
 	height: 100%;
-	color: #fff;
+	color: #9C2D38+10;
 }
 
 .main-stamp {
 	font-weight: 300;
 	line-height: 130%;
 	letter-spacing: 0.5px;
+
+	font-size: 18px;
+	color: #000+75;
 }
 
 .title, .quote {
Tip: Filter by directory path e.g. /media app.js to search for public/media/app.js.
Tip: Use camelCasing e.g. ProjME to search for ProjectModifiedEvent.java.
Tip: Filter by extension type e.g. /repo .js to search for all .js files in the /repo directory.
Tip: Separate your search with spaces e.g. /ssh pom.xml to search for src/ssh/pom.xml.
Tip: Use ↑ and ↓ arrow keys to navigate and return to view the file.
Tip: You can also navigate files with Ctrl+j (next) and Ctrl+k (previous) and view the file with Ctrl+o.
Tip: You can also navigate files with Alt+j (next) and Alt+k (previous) and view the file with Alt+o.