Skip to content

/ dmd5470-mr

Permalink
Browse files

styled Download button

  • Loading branch information
@mdr19002
mdr19002 committed Feb 16, 2020
1 parent 49a1cb9 commit ed8584d6373a3b96581670dc785ddfa0152b2ad3
Unified Split
Showing with 26 additions and 12 deletions.
  1. +23 −7 css/axit.css
  2. +3 −5 wk3_axit.html
30 css/axit.css
View file
@@ -139,7 +139,6 @@ textarea {
header ul { header ul {
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: flex-end;
list-style-type: none; list-style-type: none;
padding: 10px 0; padding: 10px 0;
margin: 0; margin: 0;
@@ -159,22 +158,36 @@ textarea {
align-items: center; align-items: center;
} }


#raleway { #main-text {
color: white;
font-family: "Raleway", sans-serif;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
} }


#raleway h1{ .raleway {
color: white;
font-family: "Raleway", sans-serif;
}

.raleway h1{
font-weight: 400; font-weight: 400;
} }


#raleway p { .raleway p {
font-weight: 300; font-weight: 300;
} }


#download {
font-family: 'Open Sans', sans-serif;
color: white;
font-weight: semibold;
border: 3px solid white;
width: 160px;
text-align: center;
padding: 10px 30px;
margin-top: 30px;
}

hr{ hr{
border-top: 2px solid white; border-top: 2px solid white;
width: 60px; width: 60px;
@@ -262,9 +275,12 @@ textarea {
main .centered > div { main .centered > div {
width: 50%; width: 50%;
} }
#raleway { #main-text {
display: block; display: block;
} }
#download {
margin-top: 50px;
}
#form-container { #form-container {
justify-content: flex-end; justify-content: flex-end;
} }
8 wk3_axit.html
View file
@@ -44,15 +44,13 @@


<main class="bg"> <main class="bg">
<div class="centered"> <div class="centered">
<div> <div id="main-text">
<img src="img/axit_logo.png" alt="AXIT logo"> <img src="img/axit_logo.png" alt="AXIT logo">
<div id="raleway"> <h1 class="raleway">MODERN AXURE TEMPLATE FOR BEAUTIFUL PROTOTYPES</h1>
<h1>MODERN AXURE TEMPLATE FOR BEAUTIFUL PROTOTYPES</h1>
<hr> <hr>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean <p class="raleway">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean
euismod bibendum laoreet. Proin gravida dolor sit amet lacus euismod bibendum laoreet. Proin gravida dolor sit amet lacus
accumsan et viverra justo commodo.</p> accumsan et viverra justo commodo.</p>
</div>
<p id="download">Download</p> <p id="download">Download</p>
</div> </div>
<div id="form-container"> <div id="form-container">

0 comments on commit ed8584d

Please sign in to comment.
You can’t perform that action at this time.