Skip to content

Instantly share code, notes, and snippets.

@jdbruxelles

jdbruxelles/Drapeau du Maroc.html

Created February 13, 2019 23:30
Show Gist options
  • Save jdbruxelles/7e4125e5a6c38f0a8096ce89c3ffef71 to your computer and use it in GitHub Desktop.
Save jdbruxelles/7e4125e5a6c38f0a8096ce89c3ffef71 to your computer and use it in GitHub Desktop.
Download ZIP
Drapeau du Maroc
Raw
Drapeau du Maroc.html
<!DOCTYPE html>
<html lang="fr">
<head>
<title>Drapeau du Maroc</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">
body {
font: 18px Arial;
text-align: center;
}
h1 {
border-top: 1px solid #af2036;
border-bottom: 1px solid #af2036;
}
.cls-1 { fill: none; }
.cls-2 { clip-path: url(#clip-path); }
.cls-3 { fill: #af2036; }
.cls-4 { fill: #2a6537; }
</style>
</head>
<body>
<h1>Drapeau du Maroc</h1>
<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 296.17 172.77">
<defs>
<clipPath id="clip-path">
<rect class="cls-1" width="296.17" height="172.77"/>
</clipPath>
</defs>
<g class="cls-2">
<rect class="cls-3" width="296.17" height="172.77"/>
<polygon class="cls-4" points="136.31 72.55 98.18 72.58 141.58 105.71 148.09 100.75 121.77 80.65 133.8 80.62 136.31 72.55"/>
<polygon class="cls-4" points="159.9 72.57 148.08 34.44 131.5 88.09 138.02 93.05 148.08 60.54 151.83 72.55 159.9 72.57"/>
<polygon class="cls-4" points="167.17 96.14 198.01 72.55 144.36 72.58 141.87 80.62 174.38 80.62 164.68 88.07 167.17 96.14"/>
<polygon class="cls-4" points="148.09 110.71 178.94 134.25 162.35 80.62 154.32 80.62 164.36 113.14 154.61 105.73 148.09 110.71"/>
<polygon class="cls-4" points="129 96.13 117.26 134.27 160.64 101.11 158.17 93.05 131.84 113.15 135.53 101.12 129 96.13"/>
</g>
</svg>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment