first teacher page
add non existing brand logos remove and transform some erb
After Width: | Height: | Size: 2.6 KiB |
After Width: | Height: | Size: 2.2 KiB |
After Width: | Height: | Size: 2.2 KiB |
After Width: | Height: | Size: 2.4 KiB |
After Width: | Height: | Size: 2.2 KiB |
After Width: | Height: | Size: 2.7 KiB |
After Width: | Height: | Size: 2.2 KiB |
After Width: | Height: | Size: 2.0 KiB |
After Width: | Height: | Size: 74 KiB |
After Width: | Height: | Size: 274 KiB |
After Width: | Height: | Size: 521 KiB |
Before Width: | Height: | Size: 219 KiB After Width: | Height: | Size: 36 KiB |
After Width: | Height: | Size: 28 KiB |
|
@ -4,7 +4,7 @@
|
|||
.row
|
||||
.col-md-3
|
||||
/ Footer Logo
|
||||
= image_tag "web_logo.png" , :class => "footer-logo"
|
||||
= image_tag "web_logo_white.png" , :class => "footer-logo"
|
||||
/ Small Description
|
||||
%p Finding your talent.
|
||||
%address
|
||||
|
|
|
@ -1,61 +0,0 @@
|
|||
<div class="brand">Business Casual</div>
|
||||
<div class="address-bar">3481 Melrose Place | Beverly Hills, CA 90210 | 123.456.7890</div>
|
||||
|
||||
<%= render 'layouts/navigation' %>
|
||||
|
||||
<div class="container">
|
||||
|
||||
<div class="row">
|
||||
<div class="box">
|
||||
<div class="col-lg-12">
|
||||
<hr>
|
||||
<h2 class="intro-text text-center">About
|
||||
<strong>business casual</strong>
|
||||
</h2>
|
||||
<hr>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<img class="img-responsive img-border-left" src="http://ironsummitmedia.github.io/startbootstrap-business-casual/img/slide-2.jpg" alt="">
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<p>This is a great place to introduce your company or project and describe what you do.</p>
|
||||
<p>Lid est laborum dolo rumes fugats untras. Etharums ser quidem rerum facilis dolores nemis omnis fugats vitaes nemo minima rerums unsers sadips amets.</p>
|
||||
<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.</p>
|
||||
</div>
|
||||
<div class="clearfix"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="box">
|
||||
<div class="col-lg-12">
|
||||
<hr>
|
||||
<h2 class="intro-text text-center">Our
|
||||
<strong>Team</strong>
|
||||
</h2>
|
||||
<hr>
|
||||
</div>
|
||||
<div class="col-sm-4 text-center">
|
||||
<img class="img-responsive" src="http://placehold.it/750x450" alt="">
|
||||
<h3>John Smith
|
||||
<small>Job Title</small>
|
||||
</h3>
|
||||
</div>
|
||||
<div class="col-sm-4 text-center">
|
||||
<img class="img-responsive" src="http://placehold.it/750x450" alt="">
|
||||
<h3>John Smith
|
||||
<small>Job Title</small>
|
||||
</h3>
|
||||
</div>
|
||||
<div class="col-sm-4 text-center">
|
||||
<img class="img-responsive" src="http://placehold.it/750x450" alt="">
|
||||
<h3>John Smith
|
||||
<small>Job Title</small>
|
||||
</h3>
|
||||
</div>
|
||||
<div class="clearfix"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<!-- /.container -->
|
|
@ -1,59 +0,0 @@
|
|||
<div class="brand">Business Casual</div>
|
||||
<div class="address-bar">3481 Melrose Place | Beverly Hills, CA 90210 | 123.456.7890</div>
|
||||
|
||||
<%= render 'layouts/navigation' %>
|
||||
|
||||
<div class="container">
|
||||
|
||||
<div class="row">
|
||||
<div class="box">
|
||||
<div class="col-lg-12">
|
||||
<hr>
|
||||
<h2 class="intro-text text-center">Company
|
||||
<strong>blog</strong>
|
||||
</h2>
|
||||
<hr>
|
||||
</div>
|
||||
<div class="col-lg-12 text-center">
|
||||
<img class="img-responsive img-border img-full" src="http://ironsummitmedia.github.io/startbootstrap-business-casual/img/slide-1.jpg" alt="">
|
||||
<h2>Post Title
|
||||
<br>
|
||||
<small>October 13, 2013</small>
|
||||
</h2>
|
||||
<p>Lid est laborum dolo rumes fugats untras. Etharums ser quidem rerum facilis dolores nemis omnis fugats vitaes nemo minima rerums unsers sadips amets. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.</p>
|
||||
<a href="#" class="btn btn-default btn-lg">Read More</a>
|
||||
<hr>
|
||||
</div>
|
||||
<div class="col-lg-12 text-center">
|
||||
<img class="img-responsive img-border img-full" src="http://ironsummitmedia.github.io/startbootstrap-business-casual/img/slide-2.jpg" alt="">
|
||||
<h2>Post Title
|
||||
<br>
|
||||
<small>October 13, 2013</small>
|
||||
</h2>
|
||||
<p>Lid est laborum dolo rumes fugats untras. Etharums ser quidem rerum facilis dolores nemis omnis fugats vitaes nemo minima rerums unsers sadips amets. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.</p>
|
||||
<a href="#" class="btn btn-default btn-lg">Read More</a>
|
||||
<hr>
|
||||
</div>
|
||||
<div class="col-lg-12 text-center">
|
||||
<img class="img-responsive img-border img-full" src="http://ironsummitmedia.github.io/startbootstrap-business-casual/img/slide-3.jpg" alt="">
|
||||
<h2>Post Title
|
||||
<br>
|
||||
<small>October 13, 2013</small>
|
||||
</h2>
|
||||
<p>Lid est laborum dolo rumes fugats untras. Etharums ser quidem rerum facilis dolores nemis omnis fugats vitaes nemo minima rerums unsers sadips amets. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.</p>
|
||||
<a href="#" class="btn btn-default btn-lg">Read More</a>
|
||||
<hr>
|
||||
</div>
|
||||
<div class="col-lg-12 text-center">
|
||||
<ul class="pager">
|
||||
<li class="previous"><a href="#">← Older</a>
|
||||
</li>
|
||||
<li class="next"><a href="#">Newer →</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<!-- /.container -->
|
|
@ -1,76 +0,0 @@
|
|||
<div class="brand">Business Casual</div>
|
||||
<div class="address-bar">3481 Melrose Place | Beverly Hills, CA 90210 | 123.456.7890</div>
|
||||
|
||||
<%= render 'layouts/navigation' %>
|
||||
|
||||
<div class="container">
|
||||
|
||||
<div class="row">
|
||||
<div class="box">
|
||||
<div class="col-lg-12">
|
||||
<hr>
|
||||
<h2 class="intro-text text-center">Contact
|
||||
<strong>business casual</strong>
|
||||
</h2>
|
||||
<hr>
|
||||
</div>
|
||||
<div class="col-md-8">
|
||||
<!-- Embedded Google Map using an iframe - to select your location find it on Google maps and paste the link as the iframe src. If you want to use the Google Maps API instead then have at it! -->
|
||||
<iframe width="100%" height="400" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.com/maps?hl=en&ie=UTF8&ll=37.0625,-95.677068&spn=56.506174,79.013672&t=m&z=4&output=embed"></iframe>
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<p>Phone:
|
||||
<strong>123.456.7890</strong>
|
||||
</p>
|
||||
<p>Email:
|
||||
<strong><a href="mailto:name@example.com">name@example.com</a></strong>
|
||||
</p>
|
||||
<p>Address:
|
||||
<strong>3481 Melrose Place
|
||||
<br>Beverly Hills, CA 90210</strong>
|
||||
</p>
|
||||
</div>
|
||||
<div class="clearfix"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="box">
|
||||
<div class="col-lg-12">
|
||||
<hr>
|
||||
<h2 class="intro-text text-center">Contact
|
||||
<strong>form</strong>
|
||||
</h2>
|
||||
<hr>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Fugiat, vitae, distinctio, possimus repudiandae cupiditate ipsum excepturi dicta neque eaque voluptates tempora veniam esse earum sapiente optio deleniti consequuntur eos voluptatem.</p>
|
||||
<form role="form">
|
||||
<div class="row">
|
||||
<div class="form-group col-lg-4">
|
||||
<label>Name</label>
|
||||
<input type="text" class="form-control">
|
||||
</div>
|
||||
<div class="form-group col-lg-4">
|
||||
<label>Email Address</label>
|
||||
<input type="email" class="form-control">
|
||||
</div>
|
||||
<div class="form-group col-lg-4">
|
||||
<label>Phone Number</label>
|
||||
<input type="tel" class="form-control">
|
||||
</div>
|
||||
<div class="clearfix"></div>
|
||||
<div class="form-group col-lg-12">
|
||||
<label>Message</label>
|
||||
<textarea class="form-control" rows="6"></textarea>
|
||||
</div>
|
||||
<div class="form-group col-lg-12">
|
||||
<input type="hidden" name="save" value="contact">
|
||||
<button type="submit" class="btn btn-default">Submit</button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<!-- /.container -->
|
|
@ -0,0 +1,100 @@
|
|||
%section.padding-xxs
|
||||
.container
|
||||
%p.lead
|
||||
Web Dev Camp is built and run by a team of very experienced professionals
|
||||
%p
|
||||
Active professionals also participate in the teaching on a part time basis
|
||||
.row
|
||||
.col-md-4.col-sm-6
|
||||
.box-flip.box-color.box-icon.box-icon-center.box-icon-round.box-icon-large.text-center
|
||||
.front
|
||||
.box1.box-default
|
||||
.box-icon-title
|
||||
= image_tag "torsten.png" , :class => "img-responsive"
|
||||
%h2 Torsten Ruger
|
||||
%small Director / Teacher
|
||||
.back
|
||||
.box2.box-default
|
||||
%h4.nomargin Torsten Ruger
|
||||
%small Director / Teacher
|
||||
%hr/
|
||||
%p
|
||||
Torsten has worked for 25 years as a professional web programmer before starting
|
||||
Web Dev Camp in an endeavour to share his experience.
|
||||
%br
|
||||
Torsten has programmed in many different languages, used many different standards,
|
||||
led teams, architected systems but always found that learning and working with
|
||||
people was what he enjoyed most about his profession.
|
||||
%hr/
|
||||
%a.social-icon.social-icon-sm.social-github{:href => "https://github.com/dancinglightning"}
|
||||
%i.fa.fa-github
|
||||
%i.fa.fa-github
|
||||
%a.social-icon.social-icon-sm.social-linkedin{:href => "#"}
|
||||
%i.fa.fa-linkedin
|
||||
%i.fa.fa-linkedin
|
||||
.col-md-4.col-sm-6
|
||||
.box-flip.box-color.box-icon.box-icon-center.box-icon-round.box-icon-large.text-center
|
||||
.front
|
||||
.box1.box-default
|
||||
.box-icon-title
|
||||
=image_tag "sherif.png" , :class => "img-responsive"
|
||||
%h2 Sherif Abushadi
|
||||
%small Art Director
|
||||
.back
|
||||
.box2.box-default
|
||||
%h4.nomargin Sherif Abushadi
|
||||
%small Director / Teacher
|
||||
%hr/
|
||||
%p
|
||||
Sherif has been teaching developers since 2001, the last 4 of which at dev bootcamp
|
||||
in San Francisco.
|
||||
%br
|
||||
He brought his experience to bear in builing the school, it's course and curriculum.
|
||||
%br
|
||||
He also teaches part time at Web Dev Camp
|
||||
%hr/
|
||||
%a.social-icon.social-icon-sm.social-twitter{:href => "https://twitter.com/amgando"}
|
||||
%i.fa.fa-twitter
|
||||
%i.fa.fa-twitter
|
||||
%a.social-icon.social-icon-sm.social-github{:href => "https://github.com/amgando"}
|
||||
%i.fa.fa-github
|
||||
%i.fa.fa-github
|
||||
%a.social-icon.social-icon-sm.social-linkedin{:href => "https://www.linkedin.com/in/sherifabushadi"}
|
||||
%i.fa.fa-linkedin
|
||||
%i.fa.fa-linkedin
|
||||
.col-md-4.col-sm-6
|
||||
.box-flip.box-color.box-icon.box-icon-center.box-icon-round.box-icon-large.text-center
|
||||
.front
|
||||
.box1.box-default
|
||||
.box-icon-title
|
||||
=image_tag "raisa.jpg" , :class => "img-responsive"
|
||||
%h2 Raisa Kaipainen
|
||||
%small Camp director
|
||||
.back
|
||||
.box2.box-default
|
||||
%h4.nomargin Raisa Kaipainen
|
||||
%small Camp Director
|
||||
%hr/
|
||||
%p
|
||||
Raisa has been running workshops and courses for 25 years and organises the running
|
||||
of the camp.
|
||||
%br
|
||||
Raisa has excellent people skills and is always a good person to talk or ask advice.
|
||||
|
||||
%hr/
|
||||
%a.social-icon.social-icon-sm.social-facebook{:href => "https://www.facebook.com/RaisaAndTorsten"}
|
||||
%i.fa.fa-facebook
|
||||
%i.fa.fa-facebook
|
||||
%a.social-icon.social-icon-sm.social-soundcloud{:href => "https://soundcloud.com/raisa-andtorsten-kaipainen"}
|
||||
%i.fa.fa-soundcloud
|
||||
%i.fa.fa-soundcloud
|
||||
|
||||
%section.padding-xxs
|
||||
.container
|
||||
%h4 Partner companies
|
||||
Professionals from the following companies come to teach at Web Dev Camp for 1 to 4 weeks.
|
||||
.text-center
|
||||
.owl-carousel.nomargin{"data-plugin-options" => "{\"singleItem\": false, \"autoPlay\": true}"}
|
||||
- ["1","2","3","4","5","6","7","8"].each do |brand|
|
||||
%div
|
||||
= image_tag "brands/#{brand}.jpg" , :class => "img-responsive"
|
|
@ -1,12 +0,0 @@
|
|||
<td>
|
||||
<%= link_to user.email, user %>
|
||||
</td>
|
||||
<td>
|
||||
<%= form_for(user) do |f| %>
|
||||
<%= f.select(:role, User.roles.keys.map {|role| [role.titleize,role]}) %>
|
||||
<%= f.submit 'Change Role', :class => 'button-xs' %>
|
||||
<% end %>
|
||||
</td>
|
||||
<td>
|
||||
<%= link_to("Delete user", user_path(user), :data => { :confirm => "Are you sure?" }, :method => :delete, :class => 'button-xs') unless user == current_user %>
|
||||
</td>
|
|
@ -0,0 +1,8 @@
|
|||
%td
|
||||
= link_to user.email, user
|
||||
%td
|
||||
= form_for(user) do |f|
|
||||
= f.select(:role, User.roles.keys.map {|role| [role.titleize,role]})
|
||||
= f.submit 'Change Role', :class => 'button-xs'
|
||||
%td
|
||||
= link_to("Delete user", user_path(user), :data => { :confirm => "Are you sure?" }, :method => :delete, :class => 'button-xs') unless user == current_user
|
|
@ -1,16 +0,0 @@
|
|||
<div class="container">
|
||||
<div class="row">
|
||||
<h3>Users</h3>
|
||||
<div class="column">
|
||||
<table class="table">
|
||||
<tbody>
|
||||
<% @users.each do |user| %>
|
||||
<tr>
|
||||
<%= render user %>
|
||||
</tr>
|
||||
<% end %>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
|
@ -0,0 +1,9 @@
|
|||
.container
|
||||
.row
|
||||
%h3 Users
|
||||
.column
|
||||
%table.table
|
||||
%tbody
|
||||
- @users.each do |user|
|
||||
%tr
|
||||
= render user
|
|
@ -1,3 +0,0 @@
|
|||
<h3>User</h3>
|
||||
<p>Name: <%= @user.name if @user.name %></p>
|
||||
<p>Email: <%= @user.email if @user.email %></p>
|
|
@ -0,0 +1,5 @@
|
|||
%h3 User
|
||||
%p
|
||||
Name: #{@user.name if @user.name}
|
||||
%p
|
||||
Email: #{@user.email if @user.email}
|