tech academy

app/assets/javascripts/main.js

@@ -1,51 +1,51 @@
 /*
-	Halcyonic by HTML5 UP
-	html5up.net | @ajlkn
-	Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
+  Halcyonic by HTML5 UP
+  html5up.net | @ajlkn
+  Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
 */
 
 (function($) {
 
-	var $window = $(window),
-		$body = $('body');
+  var $window = $(window),
+    $body = $('body');
 
-	// Breakpoints.
-		breakpoints({
-			xlarge:  [ '1281px',  '1680px' ],
-			large:   [ '981px',   '1280px' ],
-			medium:  [ '737px',   '980px'  ],
-			small:   [ null,      '736px'  ]
-		});
+  // Breakpoints.
+    breakpoints({
+      xlarge:  [ '1281px',  '1680px' ],
+      large:   [ '981px',   '1280px' ],
+      medium:  [ '737px',   '980px'  ],
+      small:   [ null,      '736px'  ]
+    });
 
-	// Nav.
+  // Nav.
 
-		// Title Bar.
-			$(
-				'<div id="titleBar">' +
-					'<a href="#navPanel" class="toggle"></a>' +
-					'<span class="title">' + $('#logo').html() + '</span>' +
-				'</div>'
-			)
-				.appendTo($body);
+    // Title Bar.
+      $(
+        '<div id="titleBar">' +
+          '<a href="#navPanel" class="toggle"></a>' +
+          '<span class="title"><a href="/" style="text-decoration: none; color:#fff;">' + $('#logo').html() + '</a></span>' +
+        '</div>'
+      )
+        .appendTo($body);
 
-		// Panel.
-			$(
-				'<div id="navPanel">' +
-					'<nav>' +
-						$('#nav').navList() +
-					'</nav>' +
-				'</div>'
-			)
-				.appendTo($body)
-				.panel({
-					delay: 500,
-					hideOnClick: true,
-					hideOnSwipe: true,
-					resetScroll: true,
-					resetForms: true,
-					side: 'left',
-					target: $body,
-					visibleClass: 'navPanel-visible'
-				});
+    // Panel.
+      $(
+        '<div id="navPanel">' +
+          '<nav>' +
+            $('#nav').navList() +
+          '</nav>' +
+        '</div>'
+      )
+        .appendTo($body)
+        .panel({
+          delay: 500,
+          hideOnClick: true,
+          hideOnSwipe: true,
+          resetScroll: true,
+          resetForms: true,
+          side: 'left',
+          target: $body,
+          visibleClass: 'navPanel-visible'
+        });
 
-})(jQuery);
+})(jQuery);

app/assets/stylesheets/main.css.erb

@@ -24,7 +24,7 @@ section, summary, time, mark, audio, video {
   padding: 0;
   border: 0;
   font-size: 100%;
-  font: inherit;
+  /*font: inherit;*/
   vertical-align: baseline;}
 
 article, aside, details, figcaption, figure,
@@ -1432,8 +1432,8 @@ input, select, textarea {
 
   .check-list li {
     padding: 0.7em 0 0.7em 45px;
-    font-size: 1.2em;
-    background: url("<%= asset_path('icon-checkmark.png') %>") 0px 1.05em no-repeat;
+    font-size: 1.8em;
+    background: url("<%= asset_path('icon-checkmark-green.png') %>") 0px 1.05em no-repeat;
   }
 
     .check-list li:first-child {
@@ -1707,7 +1707,7 @@ input, select, textarea {
     /* Multi-use */
 
       .check-list li {
-        font-size: 1em;
+        font-size: 1.6em;
         line-height: 2em;
       }
 
@@ -1978,7 +1978,7 @@ input, select, textarea {
       }
 
       .check-list li {
-        font-size: 1em;
+        font-size: 1.6em;
       }
 
       .button-large {

app/views/site/index.html.erb

@@ -4,20 +4,20 @@
       <div class="col-6 col-12-medium">
         <section>
           <header>
-            <span style="font-size:3em;">WITAMY W AKADEMII TECHNOLOGII</span>
+            <span style="font-size:3em; line-height:1em;">Witamy w Akademii Technologii</span>
           </header>
-          <p style="font-size: 1.4em;">
+          <p style="font-size: 1.6em;">
             Już niedługo powstanie tu
-            <b>pierwszy w Polsce</b>
-            internetowy kurs wzmacniania konstrukcji włóknami węglowymi CFRP. Jeżeli nie jesteś zainteresowany
+            <strong>pierwszy w Polsce</strong>
+            internetowy kurs wzmacniania konstrukcji włóknami węglowymi CFRP. Jeżeli jesteś zainteresowany
             <b>nowoczesnymi metodami</b>
             wzmacniania budowli,
             <b>innowacyjnymi</b>
-            materiałami, nie jesteś inżynierem albo technikiem budownictwa, architektem, bądź
+            materiałami, jesteś inżynierem albo technikiem budownictwa, architektem, bądź
             <b>wschodzącą gwiazdą</b>
-            budowlanki na studiach, to nie klikaj w przycisk.
+            budowlanki na studiach, to zapisz się do naszego newslettera.
           </p>
-          <%= link_to 'JESTEM CIEKAW', { controller: :newsletter, action: :new }, { remote: false, class: "button-large", style: 'color:white;' } %>
+          <%= link_to 'Zapisz się', { controller: :newsletter, action: :new }, { remote: false, class: "button-large", style: 'color:white;' } %>
           <!--<a href="?wer=1">Wersja 1</a>|<a href="?wer=2">Wersja 2</a>-->
         </section>
 
@@ -36,7 +36,7 @@
       <div class="col-6 col-6-medium">
         <section>
           <span style="font-size:3em;">Zapisz się do newslettera</span><br /><br />
-          <p style="font-size: 1.4em;">a poznasz 20 sposobów na wykorzystanie włókien węglowych</p><br />
+          <p style="font-size: 3em; line-height:1em;">Poznaj 20 sposobów na wykorzystanie włókien węglowych w budownictwie</p><br />
           <%= link_to 'Zapisz się', { controller: :newsletter, action: :new }, { remote: false, class: "button-large", style: 'color:white;' } %>
         </section>
       </div>
@@ -52,7 +52,7 @@
       <div class="col-12 col-12-medium">
         <section>
           <header>
-            <h2>Między innymi o tym dowiesz się biorąc udział w kursie:</h2>
+            <p style="font-size: 3em;">Biorąc udział w kursie dowiesz się:</p>
           </header>
           <ul class="check-list">
             <li>Czym jest CFRP?</li>
@@ -64,7 +64,7 @@
             <li>Prawidłowa procedura wykonania i odbioru robót</li>
           </ul>
           <br />
-          <p>Jeżeli jeszcze tego nie zrobiłeś, to po prostu zapisz się do newslettera, a informacje na temat tego kursu cię nie ominą. </p>
+          <p style="font-size: 1.3em;">Jeżeli jeszcze tego nie zrobiłeś, to po prostu zapisz się do newslettera, a informacje na temat tego kursu cię nie ominą. </p>
           <%= link_to 'Zapisz się', { controller: :newsletter, action: :new }, { remote: false, class: "button-large", style: 'color:white;' } %>
         </section>
 
@@ -72,3 +72,169 @@
     </div>
   </div>
 </section>
+<section class='content'>
+  <div class="container">
+    <div class="row aln-center">
+      <div class="col-12 col-12-medium">
+        <section>
+          <header>
+            <p style="font-size: 3em; margin: 0 0 0.4em 0;">Zawartość kursu</p>
+          </header>
+          <div class="row">
+            <div class="col-2 col-2-medium col-4-small">
+              <%= image_tag 'modul_1a' %>
+            </div>
+            <div class="col-10 col-10-medium col-8-small">
+              <span style="font-size: 2em;">
+                <strong>Moduł #1</strong><br />
+                Wprowadzenie do wzmocnienia konstrukcji poprzez doklejenie zewnętrznego zbrojenia z włókien węglowych CFRP
+              </span>
+            </div>
+          </div>
+          <div class="row">
+            <div class="col-12 col-12-medium">
+              <ul style="font-size: 1.6em;">
+                <li>1. Wyjaśnię z czego składa się materiał CFRP (ang. CFRP – Carbon Fibre-Reinforced Polymer)</li>
+                <li>2. Objasnie właściwości mechaniczne CFRP</li>
+                <li>3. Przedstawię typowe zastosowania CFRP w budownictwie</li>
+                <li>4. Omowię różnorodność systemów wzmacniających CFRP</li>
+                <li>5. Wezmę pod lupę międzynarodowe normy i wytyczne budowlane</li>
+              <ul>
+            </div>
+          </div>
+          <br />
+          <div class="row">
+            <div class="col-2 col-2-medium col-4-small">
+              <%= image_tag 'modul_2a' %>
+            </div>
+            <div class="col-10 col-10-medium col-8-small">
+              <span style="font-size: 2em;">
+                <strong>Moduł #2</strong><br />
+                Wprowadzenie do podstaw projektowania wzmocnienia konstrukcji poprzez doklejanie zewnętrznego zbrojenia z włókien węglowych CFRP
+              </span>
+            </div>
+          </div>
+          <div class="row">
+            <div class="col-12 col-12-medium">
+              <ul style="font-size: 1.6em;">
+                <li>1. Wyjasnię zachowanie się materiałów CFRP</li>
+                <li>2. Omówię procedurę projektowania wzmacniania elementów żelbetowych na zginanie przy użyciu zewnętrznego CFRP</li>
+                <li>3. Objasnię procedurę projektowania wzmacniania elementów żelbetowych na ścinanie przy użyciu zewnętrznego CFRP</li>
+                <li>4. Omowię procedurę obliczania długości zakładu i zakotwienia dla zbrojenia zewnętrznego CFRP</li>
+                <li>5. Przekujemy teorie na praktykę na realnych przykładach obliczeniowych</li>
+              <ul>
+            </div>
+          </div>
+          <br />
+          <div class="row">
+            <div class="col-2 col-2-medium col-4-small">
+              <%= image_tag 'modul_3a' %>
+            </div>
+            <div class="col-10 col-10-medium col-8-small">
+              <span style="font-size: 2em;">
+                <strong>Moduł #3</strong><br />
+                Ciąg dalszy podstaw projektowania wzmocnienia konstrukcji poprzez doklejanie zewnętrznego zbrojenia z włókien węglowych CFRP
+              </span>
+            </div>
+          </div>
+          <div class="row">
+            <div class="col-12 col-12-medium">
+              <ul style="font-size: 1.6em;">
+                <li>1. Omówię procedurę projektowania wzmacniania elementów żelbetowych na ściskanie przy użyciu zewnętrznego CFRP</li>
+                <li>2. Zidentyfikuję ograniczenia podczas wzmacniania konstrukcji materiałami zewnętrznego zbrojenia CFRP</li>
+                <li>3. Po raz kolejny przekujemy teorię na praktykę na realnych przykładach obliczeniowych</li>
+                <li>4. Przedyskutujemy szczegóły konstrukcyjne zewnętrznego zbrojenia CFRP</li>
+              <ul>
+            </div>
+          </div>
+          <br />
+          <div class="row">
+            <div class="col-2 col-2-medium col-4-small">
+              <%= image_tag 'modul_4a' %>
+            </div>
+            <div class="col-10 col-10-medium col-8-small">
+              <span style="font-size: 2em;">
+                <strong>Moduł #4</strong><br />
+                Wykonanie wzmocnienia materiałami węglowymi CFRP
+              </span>
+            </div>
+          </div>
+          <div class="row">
+            <div class="col-12 col-12-medium">
+              <ul style="font-size: 1.6em;">
+                <li>1. Skonkluduję typowe zastosowania zewnętrznego zbrojenia CFRP w budownictwie</li>
+                <li>2. Omówię wykonanie wzmocnienia na praktycznych przykładach</li>
+                <li>3. Przejrzymy normy i wytyczne wykonawcze</li>
+                <li>4. Weźmiemy pod lupę najczesciej popelniane bledy</li>
+                <li>5. Podsumujemy całokształt szkolenia</li>
+              <ul>
+            </div>
+          </div>
+          <br />
+          <p style="font-size: 1.3em;">Jeżeli jeszcze tego nie zrobiłeś, to po prostu zapisz się do newslettera, a informacje na temat tego kursu cię nie ominą. </p>
+          <%= link_to 'Zapisz się', { controller: :newsletter, action: :new }, { remote: false, class: "button-large", style: 'color:white;' } %>
+        </section>
+        <section class='content'>
+          <div class="container">
+            <div class="row aln-center">
+              <div class="col-12 col-12-medium">
+                <section>
+                  <header>
+                    <p style="font-size: 3em;">15 korzyści zapisania sie na kurs już teraz:</p>
+                  </header>
+                  <ul style="font-size: 1.6em;">
+                    <li>1. Otrzymasz rabat 60% ceny kursu – Taka promocja już się nie powtórzy.</li>
+                    <li>2. Przysposobisz solidne podstawy żeby zostać specjalistą w dziedzinie wzmacniania konstrukcji materiałami z włókien węglowych.</li>
+                    <li>3. Pokażę Ci od początku, do końca jak wdrożyć teorie, aby zaczęło to działać.</li>
+                    <li>4. Sam będziesz sprawdzał zdobyte umiejętności przez odpowiednio dobrane prace domowe.</li>
+                    <li>5. Otrzymasz szablony obliczeniowe, które będa szeroko omówione w praktyce</li>
+                    <li>6. Otrzymasz inne bonusy, które pozwola ci wdrożyc lekcje</li>
+                    <li>7. Będziesz mógł mi zadać konkretne pytania dotyczące wzmacniania konstrukcji</li>
+                    <li>8. Połączymy się online na żywo, aby wziać pod lupę niejasne tematy</li>
+                    <li>9. Bedę dostepny pod mailem</li>
+                    <li>10. Dam Tobie roczny dostęp do kursu oraz zaktualizowanych materiałów</li>
+                    <li>11. Przejdziesz przez cztero modułowy (8-12 tygodniowy) program krok po kroku</li>
+                    <li>12. Będziesz uczył się w swoim tempie, w wybranym przez Ciebie czasie i miejscu. Wystarczy dostęp do internetu.</li>
+                    <li>13. Otrzymasz gwarancję zwrotu opłaty w ciągu 30 dni</li>
+                    <li>14. Prześlę Ci aktualne filmiki z montażu na budowie</li>
+                    <li>15. Zdobędziesz jedyny w swoim rodzaju certyfikat Akademi Technologii</li>
+                  </ul>
+                  <br />
+                  <p style="font-size: 1.3em;">Jeżeli jeszcze tego nie zrobiłeś, to po prostu zapisz się do newslettera, a informacje na temat tego kursu cię nie ominą. </p>
+                  <%= link_to 'Zapisz się', { controller: :newsletter, action: :new }, { remote: false, class: "button-large", style: 'color:white;' } %>
+                </section>
+
+              </div>
+            </div>
+          </div>
+        </section>
+        <section class='content'>
+          <div class="container">
+            <div class="row aln-center">
+              <div class="col-6 col-12-medium">
+                <section>
+                  <header>
+                    <span style="font-size:2em; line-height:1em;">Przykładowa lekcja</span>
+                  </header>
+                  <div class="videoWrapper">
+                    <iframe width="540" height="400" src="https://www.youtube.com/embed/dZU3Uh6Sfmo?controls=0" class="imp-medium"></iframe>
+                  </div>
+                </section>
+              </div>
+              <div class="col-6 col-12-medium">
+                <section>
+                  <header>
+                    <span style="font-size:2em; line-height:1em;">A tak to wygląda w terenie</span>
+                  </header>
+                  <div class="videoWrapper">
+                    <iframe width="540" height="400" src="https://www.youtube.com/embed/GAMAW5kgJCU?controls=0" class="imp-medium"></iframe>
+                  </div>
+                </section>
+              </div>
+            </div>
+          </div>
+        </section>
+      </div>
+    </div>
+  </div>
+</section>