Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly
Appearance settings

Merge : Update style #3

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
fpellet merged 1 commit into from
May 1, 2013
Merged

Merge : Update style #3

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
53 changes: 40 additions & 13 deletions 53 css/main.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,26 +1,53 @@
* {
font-family: 'Segoe UI',Verdana,Helvetica,Sans-Serif;
font-family: 'Segoe UI',Verdana,Helvetica,Sans-Serif;
}

#navbar,
#navbar .nav {
background-color: black;
#navbar, #navbar .nav {
background-color: black;
}

header {
padding-top: 100px;
padding-bottom: 100px;
text-align: center;
padding-top: 100px;
padding-bottom: 100px;
text-align: center;
}

article h2 {
color: white;
margin: 0;
padding: 50px;
text-align: center;
background: black;
color: white;
margin: 0;
padding-top: 5px;
padding-bottom: 10px;
text-align: center;
background: #0076A2;
}

article {
height: 500px;
min-height: 300px;
}

#members ul {
list-style: none;
margin-top: 15px;
margin-bottom: 15px;
}

#members li {
width: 300px;
float: left;
height: 120px;
}

#members li > * {
display: block;
}

#members li > *:first-child {
float: left;
margin: 5px;
}

#members li > .name {
font-size: 16px;
font-weight: bold;
margin-top: 5px;
}
200 changes: 89 additions & 111 deletions 200 index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2,122 +2,100 @@
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>DevLyon - Communauté d'indépendant à Lyon</title>
<meta name="description" content="DevLyon - Communauté d'indépendant à Lyon">
<meta name="viewport" content="width=device-width">
<!--[if gt IE 8]><!-->
<html class="no-js">
<!--<![endif]-->
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>DevLyon - Communauté d'indépendant à Lyon</title>
<meta name="description" content="DevLyon - Communauté d'indépendant à Lyon">
<meta name="viewport" content="width=device-width">

<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/bootstrap-responsive.min.css">
<link rel="stylesheet" href="css/main.css">
</head>
<body data-spy="scroll" data-target="#navbar">
<div id="navbar" class="navbar navbar-fixed-top navbar-inverse">
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/bootstrap-responsive.min.css">
<link rel="stylesheet" href="css/main.css">
</head>
<body data-spy="scroll" data-target="#navbar">
<div id="navbar" class="navbar navbar-fixed-top navbar-inverse">
<ul class="nav">
<li class="active">
<a href="#home">Accueil</a>
</li>
<li><a href="#apropos">Qui sommes-nous ?</a></li>
<li><a href="#members">Les membres</a></li>
<li><a href="#contact">Nous contacter</a></li>
<li class="active"><a href="#home">Accueil</a></li>
<li><a href="#apropos">Qui sommes-nous ?</a></li>
<li><a href="#members">Les membres</a></li>
<li><a href="#contact">Nous contacter</a></li>
</ul>
</div>
<header id="home">
<h1>
<img src="img/logoDevLyon.png"/>
</h1>
</header>
<article id="apropos">
<h2>Qui sommes-nous ?</h2>
<h3>Petit groupe d'entraide ayant pour objectif de promouvoir notre vision de l'informatique.</h3>
<h3> Une vision où la qualité du logiciel est mise en avant, où les informaticiens sont des créateurs de valeurs.</h3>
</article>
<article id="members">
<h2>Les membres</h2>
<table border="1">
<tr>
<th/>
<th/>
<th> <img src="img/twitter.png"/> </th>
<th> <img src="img/hopWork.jpg"/> </th>
<th> <img src="img/github.png"/> </th>
<th> Blog </th>
<th> Contact </th>
</tr>
<tr>
<td><img src="img/hugo.jpg"/></td>
<td>Hugo Lassiège</td>
<td><a href="https://twitter.com/hugolassiege">@hugolassiege</a></td>
<td><a href="http://www.hopwork.com/landing">Profil Hopwork (à venir)</a></td>
<td></td>
<td><a href="http://hakanai.free.fr/">Hakanaï</a></td>
<td>(à venir)</td>
</tr>
<tr>
<td><img src="img/florent.png"/></td>
<td>Florent Pellet</td>
<td><a href="https://twitter.com/florentpellet">@florentpellet</a></td>
<td><a href="http://www.hopwork.com/landing">Profil Hopwork (à venir)</a></td>
<td><a href="https://github.com/fpellet">fpellet GitHub</a></td>
<td><a href="http://www.wittycoding.com/">Wittycoding</a></td>
<td>(à venir)</td>
</tr>
<tr>
<td><img src="img/alfred.jpg"/></td>
<td>Alfred Almendra</td>
<td><a href="https://twitter.com/AlfredAlmendra">@AlfredAlmendra</a></td>
<td><a href="http://www.hopwork.com/landing">Profil Hopwork (à venir)</a></td>
<td><a href="https://github.com/alfredalmendra">alfredalmendra GitHub</a></td>
<td></td>
<td>(à venir)</td>
</tr>
<tr>
<td><img src="img/pascal.png"/></td>
<td>Pascal Craponne </td>
<td><a href="https://twitter.com/picrap">@picrap</a></td>
<td><a href="http://www.hopwork.com/landing">Profil Hopwork (à venir)</a></td>
<td><a href="https://github.com/picrap">picrap GitHub</a></td>
<td></td>
<td>(à venir)</td>
</tr>
<tr>
<td><img src="img/emi.JPG"/></td>
<td>Emilien Pecoul</td>
<td><a href="https://twitter.com/Ouarzy">@Ouarzy</a></td>
<td><a href="http://www.hopwork.com/landing">Profil Hopwork (à venir)</a></td>
<td><a href="https://github.com/Ouarzy">Ouarzy GitHub</a></td>
<td><a href="http://ouarzy.blog4ever.com/">Ouarzy's blog</a></td>
<td>epecoul'at'gmail.com</td>
</tr>

</table>

<p></p>


</div>
<header id="home">
<h1>
<img src="img/logoDevLyon.png" />
</h1>
</header>
<article id="apropos">
<h2>Qui sommes-nous ?</h2>
<h3>Groupe d'entraide ayant pour objectif de promouvoir notre vision de l'informatique.</h3>
<h3>Une vision où la qualité du logiciel est mise en avant, où les informaticiens sont des créateurs de valeurs.</h3>
</article>
<article id="members">
<h2>Les membres</h2>
<ul>
<li>
<img alt="Alfred Almendra" src="img/alfred.jpg" />
<span class="name">Alfred Almendra</span>
<a href="https://twitter.com/AlfredAlmendra">@AlfredAlmendra</a>
<a href="http://www.hopwork.com/profile/510d5eb2d393273e34aeff18">Hopwork</a>
<a href="https://github.com/alfredalmendra">GitHub</a>
</li>
<li>
<img alt="Emilien Pecoul" src="img/emi.jpg" />
<span class="name">Emilien Pecoul</span>
<a href="https://twitter.com/Ouarzy">@Ouarzy</a>
<a href="http://www.hopwork.com/profile/515fcaa5ed85b7b6c19b6627#">Hopwork</a>
<a href="https://github.com/Ouarzy">GitHub</a>
<a href="http://ouarzy.blog4ever.com/">Blog</a>
<span>epecoul'at'gmail.com</span>
</li>
<li>
<img alt="Florent Pellet" src="img/florent.png" />
<span class="name">Florent Pellet</span>
<a href="https://twitter.com/florentpellet">@florentpellet</a>
<a href="http://www.hopwork.com/profile/510d5eb2d393273e34aeff18">Hopwork</a>
<a href="https://github.com/fpellet">GitHub</a>
<a href="http://www.wittycoding.com/">Blog</a>
</li>
<li>
<img alt="Hugo Lassiège" src="img/hugo.jpg" />
<span class="name">Hugo Lassiège</span>
<a href="https://twitter.com/hugolassiege">@hugolassiege</a>
<a href="http://www.hopwork.com/profile/506987a2e4b07933abd78d4b">Hopwork</a>
<a href="https://github.com/hlassiege">GitHub</a>
<a href="http://hakanai.free.fr/">Blog</a>
</li>
<li>
<img alt="Pascal Craponne" src="img/pascal.png" />
<span class="name">Pascal Craponne</span>
<a href="https://twitter.com/picrap">@picrap</a>
<a href="https://github.com/picrap">GitHub</a>
</li>
</ul>
</article>
<article id="contact">
<h2>Nous contacter</h2>
<h3>Contactez nous directement par mail, Twitter ou Hopwork</h3>
</article>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript" src="js/bootstrap.min.js"></script>
<script type="text/javascript" src="js/main.js"></script>
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-39428743-1']);
_gaq.push(['_trackPageview']);

</article>
<article id="contact">
<h2>Nous contacter</h2>
<h3>Contactez nous directement par mail, Twitter ou Hopwork</h3>
</article>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript" src="js/bootstrap.min.js"></script>
<script type="text/javascript" src="js/main.js"></script>
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-39428743-1']);
_gaq.push(['_trackPageview']);

(function() {
(function () {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
</body>
})();
</script>
</body>
</html>
Morty Proxy This is a proxified and sanitized view of the page, visit original site.