jdbruxelles/Drapeau de la RDC.html

## Drapeau de la RDC.html
<!DOCTYPE html>
<html lang="fr">
  <head>
    <title>Drapeau de la R.D.C</title>
    <meta content="IE=edge" http-equiv="X-UA-Compatible"/>
    <meta content="text/html; charset=UTF-8" http-equiv="Content-Type"/>
    <meta content="width=device-width, initial-scale=1" name="viewport"/>
    <style type="text/css">
      * { box-sizing: border-box }
      body, .container {
        justify-content: center;
        align-items: center;
        display: flex;
      }

      body {
        margin: 0;
        padding: 0;
        width: 100%;
        overflow: auto;
        background: #eee;
        flex-direction: column;
        font-family: sans-serif;
      }

      .container {
        flex-direction: column;
        margin: 16px;
      }

      .flag {
        width: 300px;
        height: 200px;
        overflow: hidden;
        border: 1px solid #efefef;
      }

      h1 {
        font-size: 2em;
        font-weight: normal;
        color: rebeccapurple;
      }

      h2 {
        color: gray;
        font-size: .75em;
        font-weight: bold;
      }

      h3 {
        font-size: .65em;
        color: slategray;
        font-weight: bold;
        text-align: center;
        text-transform: uppercase;
      }

      .rdc {
        position: relative;
        background: linear-gradient(146deg, #007FFF 0%,
          #007FFF 40%, #F7D618 40%, #F7D618 45%,
          #CE1021 45%, #CE1021 55%, #F7D618 55%,
          #F7D618 60%, #007FFF 60%, #007FFF 100%
        );
      }

      .rdc:before {
        position: absolute;
        font-size: 50px;
        color: #F7D618;
        content: "★";
        left: 15px;
        top: 0;
      }
    </style>
  </head>
  <body>
    <div class="container">
      <h2>RDC</h2>
      <div class="flag rdc"></div>
      <h3>République démocratique du Congo</h3>
    </div>
  </body>
</html>
	<!DOCTYPE html>
	<html lang="fr">
	<head>
	<title>Drapeau de la R.D.C</title>
	<meta content="IE=edge" http-equiv="X-UA-Compatible"/>
	<meta content="text/html; charset=UTF-8" http-equiv="Content-Type"/>
	<meta content="width=device-width, initial-scale=1" name="viewport"/>
	<style type="text/css">
	* { box-sizing: border-box }
	body, .container {
	justify-content: center;
	align-items: center;
	display: flex;
	}

	body {
	margin: 0;
	padding: 0;
	width: 100%;
	overflow: auto;
	background: #eee;
	flex-direction: column;
	font-family: sans-serif;
	}

	.container {
	flex-direction: column;
	margin: 16px;
	}

	.flag {
	width: 300px;
	height: 200px;
	overflow: hidden;
	border: 1px solid #efefef;
	}

	h1 {
	font-size: 2em;
	font-weight: normal;
	color: rebeccapurple;
	}

	h2 {
	color: gray;
	font-size: .75em;
	font-weight: bold;
	}

	h3 {
	font-size: .65em;
	color: slategray;
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
	}

	.rdc {
	position: relative;
	background: linear-gradient(146deg, #007FFF 0%,
	#007FFF 40%, #F7D618 40%, #F7D618 45%,
	#CE1021 45%, #CE1021 55%, #F7D618 55%,
	#F7D618 60%, #007FFF 60%, #007FFF 100%
	);
	}

	.rdc:before {
	position: absolute;
	font-size: 50px;
	color: #F7D618;
	content: "★";
	left: 15px;
	top: 0;
	}
	</style>
	</head>
	<body>
	<div class="container">
	<h2>RDC</h2>
	<div class="flag rdc"></div>
	<h3>République démocratique du Congo</h3>
	</div>
	</body>
	</html>