diff --git a/css/axit_bootstrap.css b/css/axit_bootstrap.css new file mode 100644 index 0000000..d2560cc --- /dev/null +++ b/css/axit_bootstrap.css @@ -0,0 +1,138 @@ + +html { + position: relative; + min-height: 100%; +} +body { + margin-bottom: 65px; /* Margin bottom by footer height */ +} + +.container, .logo, .row, [class^="col"] { + background-color: hsla(199, 74%, 78%, 0.15); + border: 1px solid hsla(199, 74%, 78%, 0.4); +} + +.raleway { + color: white; + font-family: "Raleway", sans-serif; +} + +.raleway h1{ + font-weight: 400; +} + +.raleway p { + font-weight: 300; +} + +#download { + font-family: 'Open Sans', sans-serif; + font-weight: semibold; + border: 3px solid white; + width: 160px; + text-align: center; + padding: 10px 30px; + margin-top: 30px; +} + +hr{ + border-top: 2px solid white; + width: 60px; + align: center; + margin-bottom: 30px; +} + +#form-container { + font-family: 'Open Sans', sans-serif; +} + +form { + margin: 30px auto; + display: flex; + flex-direction: column; + justify-content: space-between; + align-items: center; + background-color: white; + border-radius: 3px; +} + +form h3 { +width: 75%; +margin-top: 0; +margin-bottom: 25px; +padding: 10px 30px; +font-weight: 700; +color: black; +border-radius: 3px 3px 0 0; +font-size: 14px; +} + +#free { + color: #ff9b51; +} + +form input { +width: 75%; +border-top: none; +border-left: none; +border-right: none; +border-bottom: 1px solid #bdbdbd; +border-radius: 0; +margin-bottom: 25px; +color: #bdbdbd; +font-size: 12px; +font-weight: 400; +padding: 8px 10px; +} + +form button { +width: 75%; +font-weight: 600; +border: none; +border-radius: 0 0 3px 3px; +padding: 15px 0; +font-size: 12px; +margin-top: 15px; +} + +#social-text { + font-family: 'Open Sans', sans-serif; +} + +#social-text h3 { + font-weight: 700; + margin: 5px; + font-size: 24px; +} + +#social-text p { + font-weight: 400; +} + +#social-icons { + font-size: 36px; +} + +#social-icons i { +margin: 0 5px; +} + +footer { +font-family: 'Open Sans', sans-serif; +font-weight: 400; +position: absolute; +bottom: 0; +left:0; +right:0; +margin: auto; +height: 65px; /* Set the fixed height of the footer here */ +} + +#footer-icons i { +margin: 10px; +font-size: 24px; +} + +#copyright { +font-size: 12px; +} diff --git a/wk10_axit_bootstrap.html b/wk10_axit_bootstrap.html new file mode 100644 index 0000000..3cfcc93 --- /dev/null +++ b/wk10_axit_bootstrap.html @@ -0,0 +1,93 @@ + + + + + + AXIT - Landing Page (Bootstrap) + + + + + + + + + + +
+ +
+ +
+ +
+
+ +

MODERN AXURE TEMPLATE FOR BEAUTIFUL PROTOTYPES

+
+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean + euismod bibendum laoreet. Proin gravida dolor sit amet lacus + accumsan et viverra justo commodo.

+

Download

+
+
+
+

Try Your FREE Trial Today

+ + + + +
+
+
+ +
+
+

Social Media

+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. + Aenean euismod bibendum laoreet.

+
+
+ + + + + + + +
+
+ + + +
+ + + + + + +