Sabrina.nemis
<!DOCTYPE html> <html> <head> <title>Sabrina Nemis' GCwiki page</title> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
<link rel="alternate" href="http://www.gcpedia.gc.ca/wiki/Bilan-Infra" hreflang="fr-ca" />
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<link rel="stylesheet" href="styles.css">
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
<style>
body {
background-color: #ffdbb6;
overflow-X: hidden; }
h1 { color: maroon; margin-left: 20px; font-family: Impact, Charcoal, sans-serif;
}
h2 { color: maroon; font-family: Impact, Charcoal, sans-serif;
}
p { color: maroon; font-family: Verdana, Geneva, sans-serif
}
.col-sm-4 { background-color: #ff9d8b; } .col-sm-8 {
} /* unvisited link */ a:link {
color: white;
}
/* visited link */ a:visited {
color: #ff9d8b;
}
/* mouse over link */
a:hover { color: #ffe1a8;
}
/* selected link */ a:active {
color: #ffe1a8;
}
- button {
background-color: #ffb797;
border-color: #ff9d8b; font-family: Verdana, Geneva, sans-serif
}
- dropdown{
background-color: #ff9d8b;
border-color: #ffb797; font-family: Verdana, Geneva, sans-serif
}
- dropdowntext{
color: #ffb797; }
- profile{
margin: 2em;
}
</style>
</head>
<body>
Sabrina Nemis' GCwiki page
<button type="button" class="btn btn-primary" id="button"><a href="Mailto:sabrina.nemis@ppsc-sppc.gc.ca">Contact me </a></button>
<button type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown" id="button"> GCtools </button>
- button {
- dropdown{
- dropdowntext{
- profile{
Sabrina Nemis' GCwiki page
<button type="button" class="btn btn-primary" id="button"><a href="Mailto:sabrina.nemis@ppsc-sppc.gc.ca">Contact me </a></button>
<button type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown" id="button"> GCtools </button>
<button type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown" id="button"> Social Media </button>
<img src="https://wiki.gccollab.ca/images/e/ee/Sabrina_Nemis_profile.jpg" class="img-rounded" class="img-responsive" alt="Sabrina Nemis" style="width:80%;" id="profile">
About me
This site is a work-in-progress. Please connect with me on one of the platforms above to see finished products or other works-in-progress.
</body> </html> <html> <style>
html, body { height: 100%; -webkit-animation: fadein .5s; animation: fadein .5s; } @keyframes fadein { from { opacity: 0; } to { opacity: 1; } } @-webkit-keyframes fadein { from { opacity: 0; } to { opacity: 1; } } @import url('https://fonts.googleapis.com/css?family=Roboto:400,400i,500,700,900'); * { margin: 0; padding: 0; } /* THIS IS THE SECRET SAUCE for GCpedia, BODY AND SUPER-BODY classes */ body { overflow-y: hidden; background-color: #f8f8f8; } .super-body { position: fixed; overflow-y: scroll; overflow-x: hidden; -ms-overflow-x: hidden; top: 0; left: 0; right: 0; bottom: 0; z-index: 10000; background-color: #fff; -webkit-transition: all .2s ease-in; transition: all .5s ease-in; font-family: 'Roboto', sans-serif; font-size: 14px; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } div#mw-head { position: absolute; top: 145px; right: 0; width: 100%; display: none; } div#mw-panel { font-size: inherit; position: absolute; top: 160px; padding-top: 1em; width: 10em; left: 0; display: none; } #footer { display: none; } .mw-content-ltr ul, .mw-content-rtl .mw-content-ltr ul { margin: 0; } .mw-body .mw-body-content h1 { margin-top: 0; } .mw-body h1, .mw-body h2 { font-family: sans-serif; line-height: 1.3; margin-bottom: .25em; padding: 0; border-bottom: 1px solid transparent; } /*new css*/ h4 { padding-top: 0; } .mw-body h3, .mw-body h4, .mw-body h5, .mw-body h6 { line-height: 1.2; margin-top: .1em; margin-bottom: .1em; padding-bottom: 0; } .navbar { position: relative; min-height: 50px; margin-bottom: 0px; border: 1px solid transparent; } .navbar-default { background-color: #fff; border-color: #e7e7e7; } .navbar-default .navbar-brand { color: #222; } .navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus { color: #5e5e5e; background-color: transparent; } .navbar-default .navbar-text { color: #222; } .navbar-default .navbar-nav>li>a { color: #222; } .navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus { color: #111; background-color: transparent; } .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus { color: #555; background-color: #e7e7e7; } .navbar-default .navbar-nav>.disabled>a, .navbar-default .navbar-nav>.disabled>a:hover, .navbar-default .navbar-nav>.disabled>a:focus { color: #ccc; background-color: transparent; } .navbar-default .navbar-toggle { border-color: #ddd; } .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background-color: #ddd; } .navbar-default .navbar-toggle .icon-bar { background-color: #888; } .navbar-default .navbar-collapse, .navbar-default .navbar-form { border-color: #e7e7e7; } .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus { color: #555; background-color: #e7e7e7; } @media (max-width: 767px) { .navbar-default .navbar-nav .open .dropdown-menu>li>a { color: #777; } .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover, .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus { color: #333; background-color: transparent; } .navbar-default .navbar-nav .open .dropdown-menu>.active>a, .navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover, .navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus { color: #555; background-color: #e7e7e7; } .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a, .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover, .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus { color: #ccc; background-color: transparent; } } .navbar-default .navbar-link { color: #777; } .navbar-default .navbar-link:hover { color: #333; } .navbar-default .btn-link { color: #777; } .navbar-default .btn-link:hover, .navbar-default .btn-link:focus { color: #333; } .navbar-default .btn-link[disabled]:hover, fieldset[disabled] .navbar-default .btn-link:hover, .navbar-default .btn-link[disabled]:focus, fieldset[disabled] .navbar-default .btn-link:focus { color: #ccc; } .navbar-brand { font-weight: bolder; } .logo { height: 21px; } .btn { min-height: 34px; } .navbar-default .navbar-nav>li>a:visited { color: #222; } ul.dropdown-menu { padding: 0; } .dropdown-menu>li>a { display: block; padding: 15px 20px; clear: both; font-weight: 400; line-height: 1.42857143; color: #333; white-space: nowrap; border-bottom: 1px solid #e8e8e8; } .home { padding: 20px; background-color: #fff; } .home p { font-size: 20px; font-weight: 400; } .home h2 { font-size: 3em; font-weight: bolder; margin-bottom: 20px; } .home h3 { font-weight: bolder; margin-top: 40px; } .home { padding: 0 0 30px; } .home .filter-button-group { padding: 15px 0; } .jumbotron--background-image { color: #222; min-height: 20vh; justify-content: center; background-position: 50% 100%; background-size: cover; background-repeat: no-repeat; background-color: #fff; text-align: center; }
.jumbotron--background-image h1 { font-weight: bolder; } .jumbotron--background-image h3 { line-height: 1.4em; font-size: 24px; font-weight: bold; } div[class^="col-"] { margin-bottom: 20px; } div[class^="col-"] img { margin: 30px auto; } .footer { padding: 30px 0; background-color: #232323; color: #e8e8e8; } .footer a { color: #e8e8e8; } .navbar-inverse { background: rgba(0, 0, 0, 0.8); } .align-top { -ms-flex-item-align: start; align-self: flex-start; }
</style> </html>