Changing services page

James Peret 8 years ago
parent
commit
9732b734b5

BIN
.DS_Store


BIN
app/.DS_Store


BIN
app/images/.DS_Store


BIN
app/images/thumb-eletronica-2.jpg


BIN
app/images/thumb-eletronica.jpg


BIN
app/images/thumb-plasma.jpg


BIN
app/images/thumb-solucoes.jpg


+ 7 - 6
app/index.html

@@ -26,7 +26,7 @@
26 26
         <div class="container">
27 27
           <div class="navbar-header">
28 28
 
29
-            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#js-navbar-collapse">
29
+            <button type="button" class="navbar-toggle" ng-init="isCollapsed = true" ng-click="isCollapsed = !isCollapsed">
30 30
               <span class="sr-only">Toggle navigation</span>
31 31
               <span class="icon-bar"></span>
32 32
               <span class="icon-bar"></span>
@@ -36,13 +36,13 @@
36 36
             <a class="navbar-brand" ui-sref="home"><img src="images/logo-oficina-itapeti.png" style="width: 200px; margin-top: -5px;"></a>
37 37
           </div>
38 38
 
39
-          <div class="collapse navbar-collapse" id="js-navbar-collapse">
39
+          <div class="navbar-collapse" ng-class="{collapse: isCollapsed}">
40 40
 
41 41
             <ul class="nav navbar-nav">
42
-              <li ui-sref-active="active"><a ui-sref="sobre">Sobre</a></li>
43
-              <li ui-sref-active="active"><a ui-sref="servicos">Serviços</a></li>
44
-              <li ui-sref-active="active"><a href="https://www.instagram.com/oficina.itapeti/" target="_blank">Portfolio</a></li>
45
-              <li ui-sref-active="active"><a ui-sref="contato">Contato</a></li>
42
+              <li ui-sref-active="active"><a ui-sref="sobre" ng-click="isCollapsed = !isCollapsed">Sobre</a></li>
43
+              <li ui-sref-active="active"><a ui-sref="servicos" ng-click="isCollapsed = !isCollapsed">Serviços</a></li>
44
+              <li ui-sref-active="active"><a href="https://www.instagram.com/oficina.itapeti/" target="_blank" ng-click="isCollapsed = !isCollapsed">Portfolio</a></li>
45
+              <li ui-sref-active="active"><a ui-sref="contato" ng-click="isCollapsed = !isCollapsed">Contato</a></li>
46 46
             </ul>
47 47
           </div>
48 48
         </div>
@@ -100,6 +100,7 @@
100 100
     <script src="bower_components/angular-route/angular-route.js"></script>
101 101
     <script src="bower_components/angular-sanitize/angular-sanitize.js"></script>
102 102
     <script src="bower_components/angular-touch/angular-touch.js"></script>
103
+    <script src="bower_components/angular-ui-router/release/angular-ui-router.js"></script>
103 104
     <!-- endbower -->
104 105
     <!-- endbuild -->
105 106
 

+ 2 - 2
app/styles/main.css

@@ -13,8 +13,8 @@ body {
13 13
 .header,
14 14
 .marketing,
15 15
 .footer {
16
-  padding-left: 15px;
17
-  padding-right: 15px;
16
+  padding-left: 0px;
17
+  padding-right: 0px;
18 18
 }
19 19
 
20 20
 /* Custom page header */

+ 35 - 29
app/views/servicos.html

@@ -1,21 +1,14 @@
1 1
 <div class="container last" style="margin-top: 53px;">
2 2
   <h1 class="page-header">Serviços</h1>
3
+
4
+  <h3>Projetos</h3>
3 5
   <div class="row">
4 6
     <div class="col-md-4">
5 7
       <div class="thumbnail">
6
-        <img src="images/thumb-laser.jpg" alt="...">
8
+        <img src="images/thumb-solucoes.jpg" alt="...">
7 9
         <div class="caption">
8
-          <h3><a ui-sref="corte-laser">Corte Laser</a></h3>
9
-          <p>Corte de chapas de materiais como madeira, acrilico ou tecido.</p>
10
-        </div>
11
-      </div>
12
-    </div>
13
-    <div class="col-md-4">
14
-      <div class="thumbnail">
15
-        <img src="images/thumb-3d-print.jpg" alt="...">
16
-        <div class="caption">
17
-          <h3><a ui-sref="impressao-3d">Impressão 3D</a></h3>
18
-          <p>Impressão de peças em plastico ABS ou PLA com resolução de até 0.2mm.</p>
10
+          <h3>Soluções</h3>
11
+          <p>Desenvolvimento de soluções para resolver problemas especificos.</p>
19 12
         </div>
20 13
       </div>
21 14
     </div>
@@ -23,8 +16,8 @@
23 16
       <div class="thumbnail">
24 17
         <img src="images/thumb-solidworks.jpg" alt="...">
25 18
         <div class="caption">
26
-          <h3>Desenho Tecnico</h3>
27
-          <p>Desenho tecnico de peças para corte laser ou impressão 3d.</p>
19
+          <h3>Desenho Técnico</h3>
20
+          <p>Criação de desenhos tecnicos para produção utilizando o Solidworks.</p>
28 21
         </div>
29 22
       </div>
30 23
     </div>
@@ -32,28 +25,41 @@
32 25
       <div class="thumbnail">
33 26
         <img src="images/thumb-eletronica.jpg" alt="...">
34 27
         <div class="caption">
35
-          <h3><a ui-sref="eletronica">Eletronica</a></h3>
28
+          <h3><a ui-sref="eletronica">Eletrônica</a></h3>
36 29
           <p>Circuitos com microcontroladores e microprocessadores.</p>
37 30
         </div>
38 31
       </div>
39 32
     </div>
40
-    <div class="col-md-4">
41
-      <div class="thumbnail">
42
-        <img src="images/thumb-solidworks.jpg" alt="...">
43
-        <div class="caption">
44
-          <h3>Prototipagem</h3>
45
-          <p>Protótipos e mock-ups utilizando diversas técnicas.</p>
46
-        </div>
33
+  </div>
34
+
35
+  <h3>Processos</h3>
36
+  <div class="row">
37
+  <div class="col-md-4">
38
+    <div class="thumbnail">
39
+      <img src="images/thumb-laser.jpg" alt="...">
40
+      <div class="caption">
41
+        <h3><a ui-sref="corte-laser">Corte Laser</a></h3>
42
+        <p>Corte de chapas de materiais como madeira, acrilico ou tecido.</p>
47 43
       </div>
48 44
     </div>
49
-    <div class="col-md-4">
50
-      <div class="thumbnail">
51
-        <img src="images/thumb-solidworks.jpg" alt="...">
52
-        <div class="caption">
53
-          <h3>Projetos</h3>
54
-          <p>Desenvolvimento e produção de soluções ou produtos.</p>
55
-        </div>
45
+  </div>
46
+  <div class="col-md-4">
47
+    <div class="thumbnail">
48
+      <img src="images/thumb-3d-print.jpg" alt="...">
49
+      <div class="caption">
50
+        <h3><a ui-sref="impressao-3d">Impressão 3D</a></h3>
51
+        <p>Impressão de peças em plastico ABS ou PLA com resolução de até 0.2mm.</p>
52
+      </div>
53
+    </div>
54
+  </div>
55
+  <div class="col-md-4">
56
+    <div class="thumbnail">
57
+      <img src="images/thumb-plasma.jpg" alt="...">
58
+      <div class="caption">
59
+        <h3>Corte a Plasma</h3>
60
+        <p>Corte de peças de metal utilizando uma maquina de corte a plasma.</p>
56 61
       </div>
57 62
     </div>
58 63
   </div>
64
+
59 65
 </div>

+ 2 - 1
bower.json

@@ -11,7 +11,8 @@
11 11
     "angular-resource": "^1.4.0",
12 12
     "angular-route": "^1.4.0",
13 13
     "angular-sanitize": "^1.4.0",
14
-    "angular-touch": "^1.4.0"
14
+    "angular-touch": "^1.4.0",
15
+    "angular-ui-router": "^0.3.1"
15 16
   },
16 17
   "devDependencies": {
17 18
     "angular-mocks": "^1.4.0"

+ 1 - 0
test/karma.conf.js

@@ -31,6 +31,7 @@ module.exports = function(config) {
31 31
       'bower_components/angular-route/angular-route.js',
32 32
       'bower_components/angular-sanitize/angular-sanitize.js',
33 33
       'bower_components/angular-touch/angular-touch.js',
34
+      'bower_components/angular-ui-router/release/angular-ui-router.js',
34 35
       'bower_components/angular-mocks/angular-mocks.js',
35 36
       // endbower
36 37
       'app/scripts/**/*.js',