Skip to content

Instantly share code, notes, and snippets.

@saifsultanc

saifsultanc/index.html

Created December 10, 2019 13:49
Show Gist options
  • Save saifsultanc/9a1da46b5924317fbb3a9d42e03d3a12 to your computer and use it in GitHub Desktop.
Save saifsultanc/9a1da46b5924317fbb3a9d42e03d3a12 to your computer and use it in GitHub Desktop.
Download ZIP
KKwzwEd
Raw
index.html
<div class="base">
<div class="div col-md-6 p-3 p-md-5 purple">
<h2>Take your websites to the next level!</h2>
Works like a perfect website.
</div>
<div class="div col-md-6 p-5 d-flex flex-column full-height yellow">
<h2>Get your website & mobile app together!</h2>
Works like a perfect mobile app.
</div>
</div>
Raw
style.css
@import url('https://fonts.googleapis.com/css?family=Roboto&display=swap');
@import url('https://fonts.googleapis.com/css?family=Raleway&display=swap');
body {
font-family: 'Raleway', sans-serif;
font-size: 18px;
line-height: 1.8;
word-wrap: break-word;
}
.purple {
background-color: #b168ff;
background: linear-gradient(to right, #f4a7c9, #b168ff);
width: 50vw;
height: 100vh;
float: left;
}
.yellow {
background-color: #fdfc35;
width: 50vw;
height: 100vh;
}
Raw
styles
<link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.1.3/css/bootstrap.min.css" rel="stylesheet" />
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment