jlengrand/SimpleWebConf.github.io
1
0
Fork 0
mirror of https://github.com/SimpleWebConf/SimpleWebConf.github.io.git synced 2026-03-10 08:51:23 +00:00
Code Issues Packages Projects Releases Wiki Activity

add logo and basic styles

Browse Source
This commit is contained in:
Alex Korzhikov
2021-02-17 12:49:09 +01:00
parent bf510f2ee3
commit 4e297a91a7
5 changed files with 1448 additions and 30 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
css/bootstrap.css vendored
View File

@@ -4790,7 +4790,9 @@ tbody.collapse.in {
text-decoration: none;
}
.navbar-brand > img {
display: block;
display: inline;
width: 50px;
padding-right: 5px;
}
@media (min-width: 768px) {
.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {

1411
css/style5.css Normal file
View File

File diff suppressed because it is too large Load Diff

BIN
images/logo-white.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 14 KiB

BIN
images/logo.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 10 KiB

63
index.html
View File

@@ -67,10 +67,10 @@
7. green.css
-->
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/style5.css">
<!-- Styleswitcher ( This style is for demo purposes only, you may delete this anytime. ) -->
<link rel="stylesheet" id="theme-switch" href="css/style.css">
<link rel="stylesheet" id="theme-switch" href="css/style5.css">
<!-- End demo purposes only -->
@@ -196,7 +196,7 @@
<div class="navbar-header">
<!-- Mobile Toggle Menu Button -->
<a href="#" class="js-fh5co-nav-toggle fh5co-nav-toggle" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar"><i></i></a>
<a class="navbar-brand" href="index.html">Elate</a>
<a class="navbar-brand" href="index.html"><img src="images/logo-white.png" alt="Image">SimpleWebConf</a>
</div>
<div id="navbar" class="navbar-collapse collapse">
<ul class="nav navbar-nav navbar-right">
@@ -220,8 +220,9 @@
<div class="text-inner">
<div class="row">
<div class="col-md-8 col-md-offset-2">
<h1 class="to-animate">Do something you love.</h1>
<h2 class="to-animate">Another free HTML5 bootstrap template by <a href="http://freehtml5.co/" target="_blank" title="Free HTML5 Bootstrap Templates">FREEHTML5.co</a> released under <a href="http://creativecommons.org/licenses/by/3.0/" target="_blank">Creative Commons 3.0</a></h2>
<h1 class="to-animate">SimpleWebConf 2021</h1>
<h2 class="to-animate">A conference celebrating web development made simple, from side project to enterprise!
</h2>
</div>
</div>
</div>
@@ -238,8 +239,8 @@
<div class="overlay"></div>
<div class="fh5co-text">
<i class="fh5co-intro-icon icon-bulb"></i>
<h2>Plan</h2>
<p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts.</p>
<h2>No Frameworks</h2>
<p>When you learn a framework, you learn a skill that doesn’t directly transfer. You learn a temporary a skill abstraction instead. Spend your time learning a language and benefit from everything browser support offers. And browsers support so many things these days!</p>
<p><a href="#" class="btn btn-primary">Get In Touch</a></p>
</div>
</div>
@@ -248,8 +249,8 @@
<div class="overlay"></div>
<div class="fh5co-text">
<i class="fh5co-intro-icon icon-wrench"></i>
<h2>Develop</h2>
<p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts.</p>
<h2>No delays</h2>
<p>Web Development is about running code on other computers but it can also give extremely direct feedback. The short feedback loop makes it both fun and easy to learn because you can see what you do!</p>
<p><a href="#" class="btn btn-primary">Click Me</a></p>
</div>
</div>
@@ -258,8 +259,8 @@
<div class="overlay"></div>
<div class="fh5co-text">
<i class="fh5co-intro-icon icon-rocket"></i>
<h2>Launch</h2>
<p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts.</p>
<h2>No limitations</h2>
<p>The web is amazing. There are so many things you can in the browser today. We might have lost our good friends %3Cmarque%3E, %3Cblink%3E and spacer GIFs but we get so much in return! You can do anything as a developer</p>
<p><a href="#" class="btn btn-primary">Why Us?</a></p>
</div>
</div>
@@ -276,10 +277,12 @@
<div class="container">
<div class="row">
<div class="col-md-12 section-heading text-center">
<h2 class="to-animate">Work</h2>
<h2 class="to-animate">Do what you like</h2>
<div class="row">
<div class="col-md-8 col-md-offset-2 subtext to-animate">
<h3>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts.</h3>
<h3>The old school webmasters no longer exist. The web is wide and diverse, and so are the roles in web development. This is great, because you can focus on what you like! If you can imagine it, odds are, somebody else has made it (and shared it).
In the end, the web is about what makes it fun for you. Part of the fun is that you can use whatever you like (including frameworks) because it’s the web! You can do whatever!</h3>
</div>
</div>
</div>
@@ -289,7 +292,7 @@
<a href="images/work_1.jpg" class="fh5co-project-item image-popup to-animate">
<img src="images/work_1.jpg" alt="Image" class="img-responsive">
<div class="fh5co-text">
<h2>Project 1</h2>
<h2>Talk 1</h2>
<span>Branding</span>
</div>
</a>
@@ -298,7 +301,7 @@
<a href="images/work_2.jpg" class="fh5co-project-item image-popup to-animate">
<img src="images/work_2.jpg" alt="Image" class="img-responsive">
<div class="fh5co-text">
<h2>Project 2</h2>
<h2>Talk 2</h2>
<span>Web</span>
</div>
</a>
@@ -310,7 +313,7 @@
<a href="images/work_3.jpg" class="fh5co-project-item image-popup to-animate">
<img src="images/work_3.jpg" alt="Image" class="img-responsive">
<div class="fh5co-text">
<h2>Project 3</h2>
<h2>Talk 3</h2>
<span>Web</span>
</div>
</a>
@@ -319,7 +322,7 @@
<a href="images/work_4.jpg" class="fh5co-project-item image-popup to-animate">
<img src="images/work_4.jpg" alt="Image" class="img-responsive">
<div class="fh5co-text">
<h2>Project 4</h2>
<h2>Talk 4</h2>
<span>UI/UX</span>
</div>
</a>
@@ -331,7 +334,7 @@
<a href="images/work_5.jpg" class="fh5co-project-item image-popup to-animate">
<img src="images/work_5.jpg" alt="Image" class="img-responsive">
<div class="fh5co-text">
<h2>Project 1</h2>
<h2>Talk 1</h2>
<span>Photography</span>
</div>
</a>
@@ -340,7 +343,7 @@
<a href="images/work_6.jpg" class="fh5co-project-item image-popup to-animate">
<img src="images/work_6.jpg" alt="Image" class="img-responsive">
<div class="fh5co-text">
<h2>Project 2</h2>
<h2>Talk 2</h2>
<span>Illustration</span>
</div>
</a>
@@ -352,7 +355,7 @@
<a href="images/work_7.jpg" class="fh5co-project-item image-popup to-animate">
<img src="images/work_7.jpg" alt="Image" class="img-responsive">
<div class="fh5co-text">
<h2>Project 3</h2>
<h2>Talk 3</h2>
<span>Web</span>
</div>
</a>
@@ -361,7 +364,7 @@
<a href="images/work_8.jpg" class="fh5co-project-item image-popup to-animate">
<img src="images/work_8.jpg" alt="Image" class="img-responsive">
<div class="fh5co-text">
<h2>Project 4</h2>
<h2>Talk 4</h2>
<span>Sketch</span>
</div>
</a>
@@ -373,17 +376,13 @@
<a href="images/work_1.jpg" class="fh5co-project-item image-popup to-animate">
<img src="images/work_1.jpg" alt="Image" class="img-responsive">
<div class="fh5co-text">
<h2>Project 2</h2>
<h2>Talk 2</h2>
<span>Illustration</span>
</div>
</a>
</div>
</div>
<div class="row">
<div class="col-md-12 text-center to-animate">
<p>* Demo images from <a href="http://plmd.me/" target="_blank">plmd.me</a></p>
</div>
</div>
<div class="row"></div>
</div>
</section>
@@ -664,7 +663,7 @@
<!-- For demo purposes Only ( You may delete this anytime :-) -->
<div id="colour-variations">
<div id="colour-variations" class="sleep">
<a class="option-toggle"><i class="icon-gear"></i></a>
<h3>Preset Colors</h3>
<ul>
@@ -696,7 +695,13 @@
<span style="background: #f2f2f2;"></span>
</a>
</li>
<li>
<a href="javascript: void(0);" data-theme="style5">
<span style="background: #c52a28;"></span>
<span style="background: #fab4b7;"></span>
<span style="background: #f2f2f2;"></span>
</a>
</li>
</ul>
</div>
<!-- End demo purposes only -->