Working on web site

This commit is contained in:
Erick Clark 2019-01-19 11:58:48 -06:00
parent 5248559333
commit c35f068ce3
5 changed files with 24 additions and 6 deletions

Binary file not shown.

After

Width:  |  Height:  |  Size: 7.2 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 50 KiB

View file

@ -5,13 +5,17 @@
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>Are There Cookies? Check for good stuff near you.</title>
<link href="https://fonts.googleapis.com/css?family=Fira+Sans:400,700" rel="stylesheet">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/css/bootstrap.min.css" integrity="sha384-GJzZqFGwb1QTTN6wy59ffF1BuGJpLSa9DkKMp0DgiMDm4iYMj70gZWKYbI706tWS" crossorigin="anonymous">
<link rel="stylesheet" href="styles.css">
</head>
<body>
<div class="jumbotron jumbotron-fluid atc-header">
<div class="container">
<h1><img src="img/logo.svg" class="logo w-50" alt="Are There Cookies?" /></h1>
<div class="row align-items-center justify-content-center no-gutters">
<div class="col-lg-2 col-md-3"><img src="img/atc-cookie-logo.png" class="logo img-fluid" alt="logo" /></div>
<div class="col-lg-5 col-md-6"><h1>Are There Cookies?</h1></div>
</div>
</div>
</div>
</body>

View file

@ -1,13 +1,27 @@
body {
font-family: 'Fira Sans', sans-serif;
}
.atc-header {
background-color: #DCDCB0;
}
.atc-header h1 {
margin: 0;
padding: 0;
font-weight: 800;
font-size: 2.4rem;
}
.logo {
height: 300px;
width: 300px;
margin: auto;
padding-right: 10px;
display: block;
}
@media only screen and (max-width : 630px) {
.atc-header h1 {
font-size: 1.8rem;
}
.logo {
margin: 0 auto 15px auto;
padding-right: 0;
height: 80px;
width: 80px;
}
}

Binary file not shown.

Before

Width:  |  Height:  |  Size: 70 KiB

After

Width:  |  Height:  |  Size: 50 KiB