pognon · December 12, 2015 00:09
diff --git a/gistfile1.txt b/gistfile1.txt
 <!DOCTYPE html>
 <html>
 <head>
 <meta charset="UTF-8">
 <meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0">
 <title>LessDemon</title>

 <link rel="stylesheet" type="text/css" href="css/site.css" />
 <script type="text/javascript" src="js/site.js"></script>
 </head>
 <body>
  
 <!-- Formulaire initial -->
 	 
 	<div id="contact">
 		<h1>Send an email</h1>
 		<form action="#" method="post">
 			<fieldset>
 				<label for="name">Name:</label> <input type="text" id="name"
 					placeholder="Enter your full name" /> <label for="email">Email:</label>
 				<input type="email" id="email"
 					placeholder="Enter your email address" /> <label for="message">Message:</label>
 				<textarea id="message" placeholder="What's on your mind?"></textarea>

 				<input type="submit" value="Send message" />

 			</fieldset>
 		</form>
 	</div>
 	 
 </body>
 </html>
diff --git a/gistfile2.txt b/gistfile2.txt
 /*!
 * Bootstrap v2.1.1
 *
 * Copyright 2012 Twitter, Inc
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Designed and built with all the love in the world @twitter by @mdo and @fat.
 */


 @media only screen and (max-width : 767px){  //  Phones to portrait tablets and narrow desktops

 // CSS Reset
 @import "less/reset.less";

 // Core variables and mixins
 @import "custom-variables.less"; // Modify this for custom colors, font-sizes, etc
 @import "less/mixins.less";

 // Grid system and page structure
 @import "less/scaffolding.less";
 @import "less/grid.less";
 @import "less/layouts.less";

 // Base CSS
 @import "less/type.less";
 @import "less/code.less";
 @import "less/forms.less";
 @import "less/tables.less";

 // Components: common
 @import "less/sprites.less";
 @import "less/dropdowns.less";
 @import "less/wells.less";
 @import "less/component-animations.less";
 @import "less/close.less";

 // Components: Buttons & Alerts
 @import "less/buttons.less";
 @import "less/button-groups.less";
 @import "less/alerts.less"; // Note: alerts share common CSS with buttons and thus have styles in buttons.less

 // Components: Nav
 @import "less/navs.less";
 @import "less/navbar.less";
 @import "less/breadcrumbs.less";
 @import "less/pagination.less";
 @import "less/pager.less";

 // Components: Popovers
 @import "less/modals.less";
 @import "less/tooltip.less";
 @import "less/popovers.less";

 // Components: Misc
 @import "less/thumbnails.less";
 @import "less/labels-badges.less";
 @import "less/progress-bars.less";
 @import "less/accordion.less";
 @import "less/carousel.less";
 @import "less/hero-unit.less";

 // Utility classes
 @import "less/utilities.less"; // Has to be last to override when necessary




 // Surcharge des classes du style par defaut de la page. (Le style du site web bureautique.)

 #contact {
  width: 100%;
 	background: #fff;
 }


 }


diff --git a/gistfile3.txt b/gistfile3.txt
 <link rel="stylesheet" type="text/css" href="css/site.css" />
 <link rel="stylesheet" type="text/css" href="css/custom-site.css" />
 <link rel="stylesheet" type="text/css" href="css/custom-responsive-site.css" />

diff --git a/gistfile4.txt b/gistfile4.txt
 <!DOCTYPE html>
 <html>
 <head>
 <meta charset="UTF-8">
 <meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0">
 <title>LessDemon</title>

 <link rel="stylesheet" type="text/css" href="css/site.css" />
 <link rel="stylesheet" type="text/css" href="css/custom-site.css" />
 <link rel="stylesheet" type="text/css" href="css/custom-responsive-site.css" />


 <script type="text/javascript" src="js/site.js"></script>

 </head>
 <body>

  <!-- Formulaire avec RWD -->
 	<div id="contact">
 		<h1>Send an email</h1>
 		<form class="form-horizontal" action="#" method="post">


 			<div class="control-group">

 				<label class="control-label" for="name">Name:</label>
 				<div class="controls">
 					<input type="text" id="name" class="input-xlarge" placeholder="Enter your full name" />
 				</div>
 			</div>

 			<div class="control-group">

 				<label class="control-label" for="email">Email:</label>
 				<div class="controls">
 					<input type="email" id="email"class="input-xlarge" 
 						placeholder="Enter your email address" />
 				</div>
 			</div>


 			<div class="control-group">
 				<label class="control-label" for="message">Message:</label>
 				<div class="controls">
 					<textarea id="message" class="input-xlarge" placeholder="What's on your mind?"></textarea>
 				</div>
 			</div>
 			
 			<div class="control-group">
 				<input type="submit" value="Send message" />
 			</div>
 			
 			
 		</form>
 	</div>

 </body>
 </html>
	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0">
	<title>LessDemon</title>

	<link rel="stylesheet" type="text/css" href="css/site.css" />
	<script type="text/javascript" src="js/site.js"></script>
	</head>
	<body>

	<!-- Formulaire initial -->

	<div id="contact">
	<h1>Send an email</h1>
	<form action="#" method="post">
	<fieldset>
	<label for="name">Name:</label> <input type="text" id="name"
	placeholder="Enter your full name" /> <label for="email">Email:</label>
	<input type="email" id="email"
	placeholder="Enter your email address" /> <label for="message">Message:</label>
	<textarea id="message" placeholder="What's on your mind?"></textarea>

	<input type="submit" value="Send message" />

	</fieldset>
	</form>
	</div>

	</body>
	</html>
	/*!
	* Bootstrap v2.1.1
	*
	* Copyright 2012 Twitter, Inc
	* Licensed under the Apache License v2.0
	* http://www.apache.org/licenses/LICENSE-2.0
	*
	* Designed and built with all the love in the world @twitter by @mdo and @fat.
	*/


	@media only screen and (max-width : 767px){ // Phones to portrait tablets and narrow desktops

	// CSS Reset
	@import "less/reset.less";

	// Core variables and mixins
	@import "custom-variables.less"; // Modify this for custom colors, font-sizes, etc
	@import "less/mixins.less";

	// Grid system and page structure
	@import "less/scaffolding.less";
	@import "less/grid.less";
	@import "less/layouts.less";

	// Base CSS
	@import "less/type.less";
	@import "less/code.less";
	@import "less/forms.less";
	@import "less/tables.less";

	// Components: common
	@import "less/sprites.less";
	@import "less/dropdowns.less";
	@import "less/wells.less";
	@import "less/component-animations.less";
	@import "less/close.less";

	// Components: Buttons & Alerts
	@import "less/buttons.less";
	@import "less/button-groups.less";
	@import "less/alerts.less"; // Note: alerts share common CSS with buttons and thus have styles in buttons.less

	// Components: Nav
	@import "less/navs.less";
	@import "less/navbar.less";
	@import "less/breadcrumbs.less";
	@import "less/pagination.less";
	@import "less/pager.less";

	// Components: Popovers
	@import "less/modals.less";
	@import "less/tooltip.less";
	@import "less/popovers.less";

	// Components: Misc
	@import "less/thumbnails.less";
	@import "less/labels-badges.less";
	@import "less/progress-bars.less";
	@import "less/accordion.less";
	@import "less/carousel.less";
	@import "less/hero-unit.less";

	// Utility classes
	@import "less/utilities.less"; // Has to be last to override when necessary




	// Surcharge des classes du style par defaut de la page. (Le style du site web bureautique.)

	#contact {
	width: 100%;
	background: #fff;
	}


	}