Cedrick - Revision history

Cedric.kamgang at 13:42, 18 November 2019

2019-11-18T13:42:51Z

2019-11-13T16:35:07Z

2019-11-13T16:30:58Z

2019-11-13T16:29:08Z

2019-11-13T16:26:17Z

2019-10-30T15:56:04Z

2019-10-30T14:05:24Z

2019-10-30T13:51:26Z

2019-10-30T13:48:08Z

a simple introduction

New page

<nowiki>#</nowiki>sidebar{

float : right;

width: 30%;

background - color: #333;

color:#fff;

paddling: 15px;

box-sitting: border-box;

}

@@ Line 1: / Line 1: @@
 <!DOCTYPE html>
 <html>
 <head>
 <style>

@@ Line 2: / Line 2: @@
 <html>
 <head>
-<title>Page Title</title>
+<style>
 </head>
 <body>
-<h1>This is a Heading</h1>
+<h1>This is a heading</h1>
 <p>This is a paragraph.</p>
 </body>
 </html>

@@ Line 2: / Line 2: @@
 <html>
 <head>
-<style>
+<title>Page Title</title>
 </head>
 <body>
-<h1>This is a heading</h1>
+<h1>This is a Heading</h1>
 <p>This is a paragraph.</p>
 </body>
 </html>

@@ Line 2: / Line 2: @@
 <html>
 <head>
-   <title>New MyGCHR</title>
+<style>
 </head>
 <body>
-  <section id="showcase">
+<h1>This is a heading</h1>
-       <div class="container">
+<p>This is a paragraph.</p>
-            <h1>MyCCHR</h1>
 </body>
 </html>

@@ Line 1: / Line 1: @@
 <!DOCTYPE html>
 <html>
 <head>
-<meta name="viewport" content="width=device-width, initial-scale=1.0">
+   <title>New MyGCHR</title>
 </head>
 <body>
-<ul class="topnav">
+  <section id="showcase">
-  <li><a class="active" href="#home">Home</a></li>
+       <div class="container">
-  <li><a href="#news">News</a></li>
+            <h1>MyCCHR</h1>
-  <li><a href="#contact">Contact</a></li>
+            <p> Better and improved HR website</p>
-  <li class="right"><a href="#about">About</a></li>
+       </div>
-</ul>
+   </section>
+<button>click here</button>
-<div style="padding:0 16px;">
+<br>
-   <h2>Responsive Topnav Example</h2>
 </body>
 </html>

← Older revision		Revision as of 15:56, 30 October 2019
Line 20:		Line 20:
	<p>This image is resized using the 'width' and 'height' attributes of the 'img' tag.</p>		<p>This image is resized using the 'width' and 'height' attributes of the 'img' tag.</p>
	}		}
		+	<!DOCTYPE html>
		+	<html>
		+	<head>
		+	<meta name="viewport" content="width=device-width, initial-scale=1.0">
		+	<style>
		+	body {margin: 0;}
		+
		+	ul.topnav {
		+	list-style-type: none;
		+	margin: 0;
		+	padding: 0;
		+	overflow: hidden;
		+	background-color: #333;
		+	}
		+
		+	ul.topnav li {float: left;}
		+
		+	ul.topnav li a {
		+	display: block;
		+	color: white;
		+	text-align: center;
		+	padding: 14px 16px;
		+	text-decoration: none;
		+	}
		+
		+	ul.topnav li a:hover:not(.active) {background-color: #111;}
		+
		+	ul.topnav li a.active {background-color: #4CAF50;}
		+
		+	ul.topnav li.right {float: right;}
		+
		+	@media screen and (max-width: 600px) {
		+	ul.topnav li.right,
		+	ul.topnav li {float: none;}
		+	}
		+	</style>
		+	</head>
		+	<body>
		+
		+	<ul class="topnav">
		+	<li><a class="active" href="#home">Home</a></li>
		+	<li><a href="#news">News</a></li>
		+	<li><a href="#contact">Contact</a></li>
		+	<li class="right"><a href="#about">About</a></li>
		+	</ul>
		+
		+	<div style="padding:0 16px;">
		+	<h2>Responsive Topnav Example</h2>
		+	<p>This example use media queries to stack the topnav vertically when the screen size is 600px or less.</p>
		+	<p>You will learn more about media queries and responsive web design later in our CSS Tutorial.</p>
		+	<h4>Resize the browser window to see the effect.</h4>
		+	</div>
		+
		+	</body>
		+	</html>

← Older revision		Revision as of 14:05, 30 October 2019
Line 15:		Line 15:
	box-sitting: border-box;		box-sitting: border-box;

		+
		+	<img src="/pix/samples/18m.jpg" width="100" height="121" alt="Photo of 3 cats">
		+
		+	<p>This image is resized using the 'width' and 'height' attributes of the 'img' tag.</p>
	}		}