Skip to content

Commit

Permalink
styled left side of 2nd row
Browse files Browse the repository at this point in the history
  • Loading branch information
mdr19002 committed Feb 16, 2020
1 parent ed9fbaf commit 49a1cb9
Show file tree
Hide file tree
Showing 3 changed files with 39 additions and 13 deletions.
36 changes: 30 additions & 6 deletions css/axit.css
Original file line number Original file line Diff line number Diff line change
Expand Up @@ -144,10 +144,6 @@ textarea {
padding: 10px 0; padding: 10px 0;
margin: 0; margin: 0;
} }

.desktop li {
margin-left: 50px;
}


main { main {
background-image: url(../img/axit_bg.jpg); background-image: url(../img/axit_bg.jpg);
Expand All @@ -163,8 +159,27 @@ textarea {
align-items: center; align-items: center;
} }


main .centered > * { #raleway {
width: 50%; color: white;
font-family: "Raleway", sans-serif;
display: flex;
flex-direction: column;
align-items: center;
}

#raleway h1{
font-weight: 400;
}

#raleway p {
font-weight: 300;
}

hr{
border-top: 2px solid white;
width: 60px;
align: center;
margin-bottom: 30px;
} }


#form-container { #form-container {
Expand Down Expand Up @@ -232,6 +247,9 @@ textarea {
display: flex; display: flex;
padding: 25px 0; padding: 25px 0;
} }
.desktop li {
margin-left: 50px;
}
} }


@media (min-width: 768px) { @media (min-width: 768px) {
Expand All @@ -241,6 +259,12 @@ textarea {
main .centered { main .centered {
flex-direction: row; flex-direction: row;
} }
main .centered > div {
width: 50%;
}
#raleway {
display: block;
}
#form-container { #form-container {
justify-content: flex-end; justify-content: flex-end;
} }
Expand Down
Binary file modified img/axit_bg.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
16 changes: 9 additions & 7 deletions wk3_axit.html
Original file line number Original file line Diff line number Diff line change
Expand Up @@ -13,7 +13,7 @@


<link rel="stylesheet" href="css/normalize.css"> <link rel="stylesheet" href="css/normalize.css">
<link href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous"> <link href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous">
<link href="https://fonts.googleapis.com/css?family=Open+Sans:400,600&display=swap" rel="stylesheet"> <link href="https://fonts.googleapis.com/css?family=Open+Sans:400,600|Raleway:300,400&display=swap" rel="stylesheet">
<link rel="stylesheet" href="css/axit.css"> <link rel="stylesheet" href="css/axit.css">


<meta name="theme-color" content="#fafafa"> <meta name="theme-color" content="#fafafa">
Expand Down Expand Up @@ -46,12 +46,14 @@
<div class="centered"> <div class="centered">
<div> <div>
<img src="img/axit_logo.png" alt="AXIT logo"> <img src="img/axit_logo.png" alt="AXIT logo">
<h1>MODERN AXURE TEMPLATE FOR BEAUTIFUL PROTOTYPES</h1> <div id="raleway">
<hr> <h1>MODERN AXURE TEMPLATE FOR BEAUTIFUL PROTOTYPES</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean <hr>
euismod bibendum laoreet. Proin gravida dolor sit amet lacus <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean
accumsan et viverra justo commodo.</p> euismod bibendum laoreet. Proin gravida dolor sit amet lacus
<p>Download</p> accumsan et viverra justo commodo.</p>
</div>
<p id="download">Download</p>
</div> </div>
<div id="form-container"> <div id="form-container">
<form> <form>
Expand Down

0 comments on commit 49a1cb9

Please sign in to comment.