Browse Source

CTA button changes

main
Anxhelo Lushka 6 years ago
parent
commit
ca17c5f61b
No known key found for this signature in database GPG Key ID: 1FDB240321304A01
  1. 2
      _includes/footer.html
  2. 2
      _includes/header.html
  3. 23
      _sass/_layout.scss

2
_includes/footer.html

@ -6,6 +6,6 @@
<path d="M41.4 21.7V20.7C41.4 15.21 39.2191 9.94489 35.3371 6.06289C31.4551 2.18089 26.19 0 20.7 0C15.21 0 9.94489 2.18089 6.06289 6.06289C2.18089 9.94489 0 15.21 0 20.7V21.7C5.95492 17.1947 13.2331 14.7862 20.7 14.85C28.1591 14.7846 35.4328 17.174 41.4 21.65" fill="#B2B2B2"/> <path d="M41.4 21.7V20.7C41.4 15.21 39.2191 9.94489 35.3371 6.06289C31.4551 2.18089 26.19 0 20.7 0C15.21 0 9.94489 2.18089 6.06289 6.06289C2.18089 9.94489 0 15.21 0 20.7V21.7C5.95492 17.1947 13.2331 14.7862 20.7 14.85C28.1591 14.7846 35.4328 17.174 41.4 21.65" fill="#B2B2B2"/>
</svg></p> </svg></p>
<p>Made with ❤️ by Ura Design</p> <p>Made with ❤️ by <a href="https://ura.design" target="_blank" rel="noopener">Ura Design</p>
</div> </div>

2
_includes/header.html

@ -20,7 +20,7 @@
<path d="M213.667 35.2033C213.667 32.5973 213.021 30.6263 211.729 29.2906C210.437 27.9549 208.791 27.287 206.793 27.287C204.556 27.287 202.764 28.0582 201.418 29.6004C200.071 31.1426 199.398 33.2708 199.398 35.9855C199.398 38.5705 200.066 40.6721 201.402 42.2898C202.737 43.9081 204.534 44.7169 206.793 44.7169C208.944 44.7169 210.735 43.9999 212.169 42.5664L210.442 40.6446C209.443 41.6436 208.248 42.1429 206.858 42.1429C205.599 42.1429 204.55 41.6815 203.715 40.7583C202.878 39.8358 202.406 38.6137 202.297 37.0935H213.57C213.635 36.4416 213.667 35.8117 213.667 35.2033ZM202.265 34.682C202.351 33.0534 202.807 31.8314 203.633 31.0173C204.458 30.2028 205.511 29.7955 206.793 29.7955C207.857 29.7955 208.785 30.1815 209.578 30.9521C210.371 31.7233 210.778 32.967 210.8 34.682H202.265V34.682Z" fill="white"/> <path d="M213.667 35.2033C213.667 32.5973 213.021 30.6263 211.729 29.2906C210.437 27.9549 208.791 27.287 206.793 27.287C204.556 27.287 202.764 28.0582 201.418 29.6004C200.071 31.1426 199.398 33.2708 199.398 35.9855C199.398 38.5705 200.066 40.6721 201.402 42.2898C202.737 43.9081 204.534 44.7169 206.793 44.7169C208.944 44.7169 210.735 43.9999 212.169 42.5664L210.442 40.6446C209.443 41.6436 208.248 42.1429 206.858 42.1429C205.599 42.1429 204.55 41.6815 203.715 40.7583C202.878 39.8358 202.406 38.6137 202.297 37.0935H213.57C213.635 36.4416 213.667 35.8117 213.667 35.2033ZM202.265 34.682C202.351 33.0534 202.807 31.8314 203.633 31.0173C204.458 30.2028 205.511 29.7955 206.793 29.7955C207.857 29.7955 208.785 30.1815 209.578 30.9521C210.371 31.7233 210.778 32.967 210.8 34.682H202.265V34.682Z" fill="white"/>
</svg></a> </svg></a>
<p class="pt-2 hitline">plug & play logos</p> <p class="pt-2 hitline bold">plug & play logos</p>
<p>Build MVP products and get work done without worrying about a logo. Download a logo from our library and get started, or <a href="#form">name a price</a> to get an exclusive logo for you, made by us at <a href="https://ura.design" target=""_blank" rel="noopener">Ura</a>.</p> <p>Build MVP products and get work done without worrying about a logo. Download a logo from our library and get started, or <a href="#form">name a price</a> to get an exclusive logo for you, made by us at <a href="https://ura.design" target=""_blank" rel="noopener">Ura</a>.</p>

23
_sass/_layout.scss

@ -30,6 +30,18 @@
text-transform: uppercase; text-transform: uppercase;
padding: 12px 24px; padding: 12px 24px;
box-sizing: border-box; box-sizing: border-box;
&:hover {
background-color: #444;
color: #fff;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
&:active {
background-color: #000;
}
} }
.button-free { .button-free {
@ -55,20 +67,21 @@
.button-premium { .button-premium {
display: inline-block; display: inline-block;
text-decoration: none !important; text-decoration: none !important;
color: #000 !important; color: #fff !important;
background-color: #fff; background-color: #257BAD;
font-size: 16px !important; font-size: 16px !important;
font-weight: 600; font-weight: 600;
text-transform: uppercase; text-transform: uppercase;
border: 3px solid #FFFFFF; border: 3px solid #257BAD;
box-sizing: border-box; box-sizing: border-box;
border-radius: 10px; border-radius: 10px;
padding: 12px 20px; padding: 12px 20px;
margin-left: 15px; margin-left: 15px;
&:hover { &:hover {
background-color: #000 !important; background-color: #fff !important;
color: #fff !important; color: #000 !important;
border: 3px solid #fff;
-webkit-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;

Loading…
Cancel
Save