Skip to content

Commit

Permalink
mudanças no tempate
Browse files Browse the repository at this point in the history
  • Loading branch information
julianyraiol committed Apr 8, 2018
1 parent aee3d50 commit 28b1781
Show file tree
Hide file tree
Showing 3 changed files with 12 additions and 285 deletions.
35 changes: 1 addition & 34 deletions README.txt
View file
Original file line number Diff line number Diff line change
@@ -1,35 +1,2 @@
Hyperspace by HTML5 UP
html5up.net | @ajlkn
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
PyLadies Br Conf


So I've had the wireframe for this particular design kicking around for some time, but with all
the other interesting (and in some cases, semi-secret) projects I've been working on it took me
a little while to get to actually designing and coding it. Fortunately, things have eased up
enough for me to finaly get around to it, so I'm happy to introduce Hyperspace: a fun, blocky,
one-page design with a lot of color, a bit of animation, and an additional "generic" page template
(because hey, even one-page sites usually need an interior page or two). Hope you dig it :)

Demo images* courtesy of Unsplash, a radtastic collection of CC0 (public domain) images
you can use for pretty much whatever.

(* = not included)

AJ
[email protected] | @ajlkn


Credits:

Demo Images:
Unsplash (unsplash.com)

Icons:
Font Awesome (fortawesome.github.com/Font-Awesome)

Other:
jQuery (jquery.com)
html5shiv.js (@afarkas @jdalton @jon_neal @rem)
Misc. Sass functions (@HugoGiraudel)
Respond.js (j.mp/respondjs)
Skel (skel.io)
5 changes: 5 additions & 0 deletions css/style.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -402,6 +402,11 @@ p {
.sub-section .title {
padding:0;
}

.banner-slider{
background: #fff !important;
}

/*******
3.1 Services
***************************************/
Expand Down
257 changes: 6 additions & 251 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -64,7 +64,7 @@
<div id="da-slider" class="da-slider">
<div class="triangle"></div>
<!-- mask elemet use for masking background image -->
<div class="mask"></div>
<div class="mask banner-slider"></div>
<!-- All slides centred in container element -->
<div class="container">
<!-- Start first slide -->
Expand Down Expand Up @@ -157,191 +157,10 @@ <h3>Objetivo</h3>
<div class="triangle"></div>
<div class="container">
<div class=" title">
<h1>Have You Seen our Works?</h1>
<p>Duis mollis placerat quam, eget laoreet tellus tempor eu. Quisque dapibus in purus in dignissim.</p>
<h1>KeyNotes</h1>
<p>Veja quem são as nossas convidadas especiais!</p>
</div>
<ul class="nav nav-pills">
<li class="filter" data-filter="all">
<a href="#noAction">All</a>
</li>
<li class="filter" data-filter="web">
<a href="#noAction">Web</a>
</li>
<li class="filter" data-filter="photo">
<a href="#noAction">Photo</a>
</li>
<li class="filter" data-filter="identity">
<a href="#noAction">Identity</a>
</li>
</ul>
<!-- Start details for portfolio project 1 -->
<div id="single-project">
<div id="slidingDiv" class="toggleDiv row-fluid single-project">
<div class="span6">
<img src="images/Portfolio01.png" alt="project 1" />
</div>
<div class="span6">
<div class="project-description">
<div class="project-title clearfix">
<h3>Webste for Some Client</h3>
<span class="show_hide close">
<i class="icon-cancel"></i>
</span>
</div>
<div class="project-info">
<div>
<span>Client</span>Some Client Name</div>
<div>
<span>Date</span>July 2013</div>
<div>
<span>Skills</span>HTML5, CSS3, JavaScript</div>
<div>
<span>Link</span>http://examplecomp.com</div>
</div>
<p>Believe in yourself! Have faith in your abilities! Without a humble but reasonable confidence in your own powers you cannot be successful or happy.</p>
</div>
</div>
</div>
<!-- End details for portfolio project 1 -->
<!-- Start details for portfolio project 2 -->
<div id="slidingDiv1" class="toggleDiv row-fluid single-project">
<div class="span6">
<img src="images/Portfolio02.png" alt="project 2">
</div>
<div class="span6">
<div class="project-description">
<div class="project-title clearfix">
<h3>Webste for Some Client</h3>
<span class="show_hide close">
<i class="icon-cancel"></i>
</span>
</div>
<div class="project-info">
<div>
<span>Client</span>Some Client Name</div>
<div>
<span>Date</span>July 2013</div>
<div>
<span>Skills</span>HTML5, CSS3, JavaScript</div>
<div>
<span>Link</span>http://examplecomp.com</div>
</div>
<p>Life is a song - sing it. Life is a game - play it. Life is a challenge - meet it. Life is a dream - realize it. Life is a sacrifice - offer it. Life is love - enjoy it.</p>
</div>
</div>
</div>
<!-- End details for portfolio project 2 -->
<!-- Start details for portfolio project 3 -->
<div id="slidingDiv2" class="toggleDiv row-fluid single-project">
<div class="span6">
<img src="images/Portfolio03.png" alt="project 3">
</div>
<div class="span6">
<div class="project-description">
<div class="project-title clearfix">
<h3>Webste for Some Client</h3>
<span class="show_hide close">
<i class="icon-cancel"></i>
</span>
</div>
<div class="project-info">
<div>
<span>Client</span>Some Client Name</div>
<div>
<span>Date</span>July 2013</div>
<div>
<span>Skills</span>HTML5, CSS3, JavaScript</div>
<div>
<span>Link</span>http://examplecomp.com</div>
</div>
<p>How far you go in life depends on your being tender with the young, compassionate with the aged, sympathetic with the striving and tolerant of the weak and strong. Because someday in your life you will have been all of these.</p>
</div>
</div>
</div>
<!-- End details for portfolio project 3 -->
<!-- Start details for portfolio project 4 -->
<div id="slidingDiv3" class="toggleDiv row-fluid single-project">
<div class="span6">
<img src="images/Portfolio04.png" alt="project 4">
</div>
<div class="span6">
<div class="project-description">
<div class="project-title clearfix">
<h3>Project for Some Client</h3>
<span class="show_hide close">
<i class="icon-cancel"></i>
</span>
</div>
<div class="project-info">
<div>
<span>Client</span>Some Client Name</div>
<div>
<span>Date</span>July 2013</div>
<div>
<span>Skills</span>HTML5, CSS3, JavaScript</div>
<div>
<span>Link</span>http://examplecomp.com</div>
</div>
<p>Life's but a walking shadow, a poor player, that struts and frets his hour upon the stage, and then is heard no more; it is a tale told by an idiot, full of sound and fury, signifying nothing.</p>
</div>
</div>
</div>
<!-- End details for portfolio project 4 -->
<!-- Start details for portfolio project 5 -->
<div id="slidingDiv4" class="toggleDiv row-fluid single-project">
<div class="span6">
<img src="images/Portfolio05.png" alt="project 5">
</div>
<div class="span6">
<div class="project-description">
<div class="project-title clearfix">
<h3>Webste for Some Client</h3>
<span class="show_hide close">
<i class="icon-cancel"></i>
</span>
</div>
<div class="project-info">
<div>
<span>Client</span>Some Client Name</div>
<div>
<span>Date</span>July 2013</div>
<div>
<span>Skills</span>HTML5, CSS3, JavaScript</div>
<div>
<span>Link</span>http://examplecomp.com</div>
</div>
<p>We need to give each other the space to grow, to be ourselves, to exercise our diversity. We need to give each other space so that we may both give and receive such beautiful things as ideas, openness, dignity, joy, healing, and inclusion.</p>
</div>
</div>
</div>
<!-- End details for portfolio project 5 -->
<!-- Start details for portfolio project 6 -->
<div id="slidingDiv5" class="toggleDiv row-fluid single-project">
<div class="span6">
<img src="images/Portfolio06.png" alt="project 6">
</div>
<div class="span6">
<div class="project-description">
<div class="project-title clearfix">
<h3>Webste for Some Client</h3>
<span class="show_hide close">
<i class="icon-cancel"></i>
</span>
</div>
<div class="project-info">
<div>
<span>Client</span>Some Client Name</div>
<div>
<span>Date</span>July 2013</div>
<div>
<span>Skills</span>HTML5, CSS3, JavaScript</div>
<div>
<span>Link</span>http://examplecomp.com</div>
</div>
<p>I went to the woods because I wished to live deliberately, to front only the essential facts of life, and see if I could not learn what it had to teach, and not, when I came to die, discover that I had not lived.</p>
</div>
</div>
</div>

<!-- End details for portfolio project 6 -->
<!-- Start details for portfolio project 7 -->
<div id="slidingDiv6" class="toggleDiv row-fluid single-project">
Expand Down Expand Up @@ -428,72 +247,8 @@ <h3>Webste for Some Client</h3>
</div>
<!-- End details for portfolio project 9 -->
<ul id="portfolio-grid" class="thumbnails row">
<li class="span4 mix web">
<div class="thumbnail">
<img src="images/Portfolio01.png" alt="project 1">
<a href="#single-project" class="more show_hide" rel="#slidingDiv">
<i class="icon-plus"></i>
</a>
<h3>Thumbnail label</h3>
<p>Thumbnail caption...</p>
<div class="mask"></div>
</div>
</li>
<li class="span4 mix photo">
<div class="thumbnail">
<img src="images/Portfolio02.png" alt="project 2">
<a href="#single-project" class="show_hide more" rel="#slidingDiv1">
<i class="icon-plus"></i>
</a>
<h3>Thumbnail label</h3>
<p>Thumbnail caption...</p>
<div class="mask"></div>
</div>
</li>
<li class="span4 mix identity">
<div class="thumbnail">
<img src="images/Portfolio03.png" alt="project 3">
<a href="#single-project" class="more show_hide" rel="#slidingDiv2">
<i class="icon-plus"></i>
</a>
<h3>Thumbnail label</h3>
<p>Thumbnail caption...</p>
<div class="mask"></div>
</div>
</li>
<li class="span4 mix web">
<div class="thumbnail">
<img src="images/Portfolio04.png" alt="project 4">
<a href="#single-project" class="show_hide more" rel="#slidingDiv3">
<i class="icon-plus"></i>
</a>
<h3>Thumbnail label</h3>
<p>Thumbnail caption...</p>
<div class="mask"></div>
</div>
</li>
<li class="span4 mix photo">
<div class="thumbnail">
<img src="images/Portfolio05.png" alt="project 5">
<a href="#single-project" class="show_hide more" rel="#slidingDiv4">
<i class="icon-plus"></i>
</a>
<h3>Thumbnail label</h3>
<p>Thumbnail caption...</p>
<div class="mask"></div>
</div>
</li>
<li class="span4 mix identity">
<div class="thumbnail">
<img src="images/Portfolio06.png" alt="project 6">
<a href="#single-project" class="show_hide more" rel="#slidingDiv5">
<i class="icon-plus"></i>
</a>
<h3>Thumbnail label</h3>
<p>Thumbnail caption...</p>
<div class="mask"></div>
</div>
</li>


<li class="span4 mix web">
<div class="thumbnail">
<img src="images/Portfolio07.png" alt="project 7" />
Expand Down

0 comments on commit 28b1781

Please sign in to comment.