Permalink
Browse files
styled Download button
- Loading branch information
Showing
with
26 additions
and
12 deletions.
-
+23
−7
css/axit.css
-
+3
−5
wk3_axit.html
|
@@ -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;
|
|
}
|
|
}
|
|
|
|
@@ -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">
|
|
|
You can’t perform that action at this time.
You signed in with another tab or window. Reload to refresh your session.
You signed out in another tab or window. Reload to refresh your session.