Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
Browse files

initial commit

  • Loading branch information...
commit aaa63083654bba3aac2d0bb01788370c3ee24f7b 1 parent 4c0492d
@prenaudin authored
View
BIN  alert-overlay.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN  brown-leather.jpg
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN  concrete-wall.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN  email_32.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN  facebook_32.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN  googlemaps_32.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN  gray-sand.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
61 index.html
@@ -0,0 +1,61 @@
+<html>
+<head>
+ <meta http-equiv="Content-Language" content="fr">
+ <title>Pierre Renaudin</title>
+ <meta http-equiv="content-type" content="text/html; charset=utf-8">
+ <link rel="stylesheet" href="style.css" type="text/css" media="screen" />
+</head>
+<body>
+
+<div id="body-container">
+
+ <div id="right-container">
+ <div id="photo">
+ <img src="profil.jpg" height=140/>
+ </div>
+
+ <div id="socialnetworks">
+ <a href="http://facebook.com/pierre.renaudin.fr" target="_blank"><img src="facebook_32.png" alt="facebook"/></a>
+ <a href="http://twitter.com/pierrerenaudin" target="_blank"><img src="twitter_32.png" alt="twitter"/></a>
+ <a href="http://www.linkedin.com/pub/pierre-renaudin/25/177/b6b" target="_blank"><img src="linkedin_32.png" alt="linkedin"/></a>
+ <a href="mailto:pierre.renaudin.fr@gmail.com" target="_blank"><img src="email_32.png" alt="email"/></a>
+ </div>
+
+ <div id="informations">
+ <div id="phone">06 75 06 51 20</div>
+ <div id="email">pierre.renaudin.fr@gmail.com</div>
+ </div>
+ </div>
+
+ <div id="info-container">
+ <div id="name">Pierre RENAUDIN</div>
+
+ <div id="place">
+ <a href="http://maps.google.com/maps?q=Bordeaux" target="_blank"><img src="googlemaps_32.png" height=16/></a>
+ Bordeaux, France
+ </div>
+
+ <div id="presentation">
+ <ul>
+ <li>- friendly geek / mac user but android fanatic</li>
+ <li>- (hard) rocker / funky drummer</li>
+ <li>- javascript / jquery / backbone lover</li>
+ <li>- front end developer at Azendoo</li>
+ <li>- swimmer & curler / baseball hater</li>
+ <li>- daily cooker / weekly rockstar :)</li>
+ <ul>
+ </div>
+
+
+
+ <!--<div id="links-container">
+ <a href="http://cv.pierrerenaudin.net" class="blue large awesome">PORTFOLIO »</a>
+ </div> -->
+ </div>
+
+
+
+</div>
+
+</body>
+</html>
View
BIN  linkedin_32.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN  profil.jpg
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
132 style.css
@@ -0,0 +1,132 @@
+body {
+ background: url('concrete-wall.png');
+ margin: 0;
+ padding: 0;
+ font-family: "Helvetica","Arial","Arial Black";
+ z-index:1;
+}
+
+#body-container{
+ width: 720px;
+ height: 400px;
+ color: white;
+ margin: 0 auto;
+ margin-top: 80px;
+ padding: 30px;
+ background: #333;
+ -moz-box-shadow: 0px 20px 8px #aaa;
+ -webkit-box-shadow: 0px 20px 8px #aaa;
+ box-shadow: 0px 8px 12px #555;
+ -moz-border-radius: 12px;
+ -webkit-border-radius: 12px;
+ border-radius: 12px;
+ border: 5px solid white;
+}
+
+#info-container{
+ float: left;
+ width: 400px;
+}
+
+#informations{
+ text-align: left;
+ margin-right: 10px;
+}
+
+#name{
+ font-size: 36pt;
+}
+
+#function{
+ font-size: 12pt;
+}
+
+#email{
+ font-size: 12pt;
+}
+
+#place{
+ margin-top: 15px;
+ margin-bottom: 50px;
+}
+
+#place img{
+}
+
+#presentation{
+ width: 600px;
+ font-family: Georgia, serif;
+ font-style: italic;
+ color: #CCCCCC;
+ text-align: justify;
+ margin-left: -30px;
+}
+
+#presentation ul{
+ font-size: 20px;
+ line-height: 30px;
+ list-style: none;
+}
+
+#right-container{
+ float: right;
+}
+
+#photo{
+ margin-bottom: 8px;
+}
+
+#socialnetworks{
+ margin-bottom: 20px;
+}
+
+#socialnetworks a{
+ margin-right: 25px;
+}
+
+#socialnetworks img{
+ height: 24px;
+}
+
+#links-container{
+ float:left;
+ margin-top: 80px;
+ margin-left: 40px;
+}
+
+
+.awesome, .awesome:visited {
+ background: #222 url(alert-overlay.png) repeat-x;
+ display: inline-block;
+ padding: 5px 10px 6px;
+ color: #fff;
+ text-decoration: none;
+ -moz-border-radius: 5px;
+ -webkit-border-radius: 5px;
+ -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
+ -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
+ text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
+ border-bottom: 1px solid rgba(0,0,0,0.25);
+ position: relative;
+ cursor: pointer;
+}
+
+ .awesome:hover { background-color: #111; color: #fff; }
+ .awesome:active { top: 1px; }
+ .small.awesome, .small.awesome:visited { font-size: 11px; padding: ; }
+ .awesome, .awesome:visited,
+ .medium.awesome, .medium.awesome:visited { font-size: 13px; font-weight: bold; line-height: 1; text-shadow: 0 -1px 1px rgba(0,0,0,0.25); }
+ .large.awesome, .large.awesome:visited { font-size: 14px; padding: 8px 14px 9px; }
+
+ .green.awesome, .green.awesome:visited { background-color: #91bd09; }
+ .green.awesome:hover { background-color: #749a02; }
+ .blue.awesome, .blue.awesome:visited { background-color: #2daebf; }
+ .blue.awesome:hover { background-color: #007d9a; }
+ .red.awesome, .red.awesome:visited { background-color: #e33100; }
+ .red.awesome:hover { background-color: #872300; }
+ .magenta.awesome, .magenta.awesome:visited { background-color: #a9014b; }
+ .magenta.awesome:hover { background-color: #630030; }
+ .orange.awesome, .orange.awesome:visited { background-color: #ff5c00; }
+ .orange.awesome:hover { background-color: #d45500; }
+ .yellow.awesome, .yellow.awesome:visited { background-color: #ffb515; }
+ .yellow.awesome:hover { background-color: #fc9200; }
View
BIN  twitter_32.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Please sign in to comment.
Something went wrong with that request. Please try again.