Landing Page - TSHIRTS

landing-page-DARK-PR_Html-css-back-DARK-PR_mockup_Close-up_Black.png
landing-page-DARK-PR_Html-css-back-DARK-PR_mockup_Close-up_Eggplant.png
landing-page-DARK-PR_Html-css-back-DARK-PR_mockup_Close-up_Navy.png
landing-page-DARK-PR_Html-css-back-DARK-PR_mockup_Flat-Back_Black.png
landing-page-DARK-PR_Html-css-back-DARK-PR_mockup_Flat-Back_Eggplant.png
landing-page-DARK-PR_Html-css-back-DARK-PR_mockup_Flat-Back_Navy.png
landing-page-DARK-PR_Html-css-back-DARK-PR_mockup_Flat-Front_Black.png
landing-page-DARK-PR_Html-css-back-DARK-PR_mockup_Flat-Front_Eggplant.png
landing-page-DARK-PR_Html-css-back-DARK-PR_mockup_Flat-Front_Navy.png
landing-page-LIGHT-PR_Html-css-back-LIGHT-PR_mockup_Close-up_White.png
landing-page-LIGHT-PR_Html-css-back-LIGHT-PR_mockup_Flat-Back_White.png
landing-page-LIGHT-PR_Html-css-back-LIGHT-PR_mockup_Flat-Front_White.png
SS T -female-front.jpg
SS T-female-back.jpg
LS women bb.jpg
LS women FRONT and BACK.jpg
LS women FRONT and BACKw.jpg
LS women FRONT.jpg
LS women photo.jpg
SS LS HIGH RES.jpg
SS LS HIGH RESw.jpg
T-fold.jpg
landing-page-DARK-PR_Html-css-back-DARK-PR_mockup_Close-up_Black.png
landing-page-DARK-PR_Html-css-back-DARK-PR_mockup_Close-up_Eggplant.png
landing-page-DARK-PR_Html-css-back-DARK-PR_mockup_Close-up_Navy.png
landing-page-DARK-PR_Html-css-back-DARK-PR_mockup_Flat-Back_Black.png
landing-page-DARK-PR_Html-css-back-DARK-PR_mockup_Flat-Back_Eggplant.png
landing-page-DARK-PR_Html-css-back-DARK-PR_mockup_Flat-Back_Navy.png
landing-page-DARK-PR_Html-css-back-DARK-PR_mockup_Flat-Front_Black.png
landing-page-DARK-PR_Html-css-back-DARK-PR_mockup_Flat-Front_Eggplant.png
landing-page-DARK-PR_Html-css-back-DARK-PR_mockup_Flat-Front_Navy.png
landing-page-LIGHT-PR_Html-css-back-LIGHT-PR_mockup_Close-up_White.png
landing-page-LIGHT-PR_Html-css-back-LIGHT-PR_mockup_Flat-Back_White.png
landing-page-LIGHT-PR_Html-css-back-LIGHT-PR_mockup_Flat-Front_White.png
SS T -female-front.jpg
SS T-female-back.jpg
LS women bb.jpg
LS women FRONT and BACK.jpg
LS women FRONT and BACKw.jpg
LS women FRONT.jpg
LS women photo.jpg
SS LS HIGH RES.jpg
SS LS HIGH RESw.jpg
T-fold.jpg

Landing Page - TSHIRTS

79.00

An out-of-the-box landing page in html and css!

CODE:

HTML:

<!DOCTYPE html>
<html>
<head>
  <title>Epic Splash Page</title>
  <link href='https://fonts.googleapis.com/css?family=Playfair+Display:900|Raleway:300' rel='stylesheet' type='text/css'>
  <link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<div class="container">
  <h1>My startup</h1>
  <a class="btn" href="#">SIGN UP NOW</a>
</div>
</body>
</html>

 

CSS:

* {
  margin: 0;
  padding: 0;
}

html, body {
  height: 100%;
  width: 100%;
}

body {
  align-items: center;
  background-color: #FFF;
  display: flex;
  font-family: 'Raleway', sans-serif;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
}

div.container {
  align-items: center;
  align-self: center;
  background: url('https://s3.amazonaws.com/codecademy-content/courses/web-101/unit-1/01/background.jpg') center center;
  border-radius: 100%;
  display: flex;
  flex-direction: column;
  min-height: 800px;
  justify-content: center;
  width: 800px;
}

h1 {
  color: #fff;
  font-family: 'Playfair Display', serif;
  font-size: 52px;
  font-weight: 900;
  line-height: 46px;
  margin: 0 0 60px 0;
  text-align: center;
  text-shadow: 0px 2px 4px rgba(34,62,66,.75);
  width: 50%;
}

a.btn {
  background: linear-gradient(45deg, rgba(255,184,115,0.65) 0%,rgba(255,124,189,0.65) 50%,rgba(108,0,153,0.65) 100%);
  border-radius: 2px;
  box-shadow: 0px 2px 4px rgba(34,62,66,.25);
  color: #fff;
  font-size: 18px;
  letter-spacing: 1px;
  padding: 16px 32px;
  text-decoration: none;
  text-transform: uppercase;
  -webkit-transition: box-shadow 1s ease;
  transition: box-shadow 1s ease;
}

a.btn:hover {
  box-shadow: 0px 4px 4px rgba(34,62,66,.5);
  -webkit-transition: box-shadow 1s ease;
  transition: box-shadow 1s ease;
}

SIZE:
COLOUR:
ITEM:
Quantity:
Add To Cart

All Syntaxd products are printed and shipped world-wide from a state-of-the-art facility in California, USA.

We use super-high res printing files to ensure graphics are super crisp and clean! 

Our ultra-premium short-sleeve T-shirts feature the following for ultimate comfort: 

  • 100% certified organic soft-spun cotton

  • Pre-shrunk

  • Seamless collar

  • Double-needle sleeve and bottom hem

  • Shoulder-to-shoulder tape and seamed collar

  • Tubular construction

  • Fabric weight 4.3 oz/yd²


Our ultra-premium long-sleeve T-shirts feature the following for ultimate comfort: 

  • 100% certified organic soft-spun cotton

  • Long sleeves

  • Cuffed hands

  • Durable ribbed neckband

  • Double stitched

  • Fabric weight 5.0 oz/yd²