Landing Page - TSHIRTS

High res MEN SS.jpg
High res MEN SSb.jpg
High res MEN SSblu.jpg
High res MEN SSg.jpg
landing-page-DARK-PR_Html-css-back-DARK-PR_mockup_Back_Black.png
landing-page-DARK-PR_Html-css-back-DARK-PR_mockup_Back_Charcoal.png
landing-page-DARK-PR_Html-css-back-DARK-PR_mockup_Back_Navy.png
landing-page-DARK-PR_Html-css-back-DARK-PR_mockup_Front_Black.png
landing-page-DARK-PR_Html-css-back-DARK-PR_mockup_Front_Charcoal.png
landing-page-DARK-PR_Html-css-back-DARK-PR_mockup_Front_Navy.png
landing-page-LIGHT-PR_Html-css-back-LIGHT-PR_mockup_Back_White.png
landing-page-LIGHT-PR_Html-css-back-LIGHT-PR_mockup_Front_White.png
T-fold.jpg
T-male-back.jpg
landing-page-DARK-PR_Html-css-back-DARK-PR_mockup_Close-up_Asphalt.png
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_Navy.png
landing-page-DARK-PR_Html-css-back-DARK-PR_mockup_Flat-Back_Asphalt.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_Navy.png
landing-page-DARK-PR_Html-css-back-DARK-PR_mockup_Flat-Front_Asphalt.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_Navy.png
landing-page-DARK-PR_Html-css-back-DARK-PR_mockup_Model-w-Background_Male_Asphalt.png
landing-page-DARK-PR_Html-css-back-DARK-PR_mockup_Model-w-Background_Male_Black.png
landing-page-DARK-PR_Html-css-back-DARK-PR_mockup_Model-w-Background_Male_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
landing-page-LIGHT-PR_Html-css-back-LIGHT-PR_mockup_Model-w-Background_Male_White.png
T-male-front.jpg
High res MEN SS.jpg
High res MEN SSb.jpg
High res MEN SSblu.jpg
High res MEN SSg.jpg
landing-page-DARK-PR_Html-css-back-DARK-PR_mockup_Back_Black.png
landing-page-DARK-PR_Html-css-back-DARK-PR_mockup_Back_Charcoal.png
landing-page-DARK-PR_Html-css-back-DARK-PR_mockup_Back_Navy.png
landing-page-DARK-PR_Html-css-back-DARK-PR_mockup_Front_Black.png
landing-page-DARK-PR_Html-css-back-DARK-PR_mockup_Front_Charcoal.png
landing-page-DARK-PR_Html-css-back-DARK-PR_mockup_Front_Navy.png
landing-page-LIGHT-PR_Html-css-back-LIGHT-PR_mockup_Back_White.png
landing-page-LIGHT-PR_Html-css-back-LIGHT-PR_mockup_Front_White.png
T-fold.jpg
T-male-back.jpg
landing-page-DARK-PR_Html-css-back-DARK-PR_mockup_Close-up_Asphalt.png
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_Navy.png
landing-page-DARK-PR_Html-css-back-DARK-PR_mockup_Flat-Back_Asphalt.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_Navy.png
landing-page-DARK-PR_Html-css-back-DARK-PR_mockup_Flat-Front_Asphalt.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_Navy.png
landing-page-DARK-PR_Html-css-back-DARK-PR_mockup_Model-w-Background_Male_Asphalt.png
landing-page-DARK-PR_Html-css-back-DARK-PR_mockup_Model-w-Background_Male_Black.png
landing-page-DARK-PR_Html-css-back-DARK-PR_mockup_Model-w-Background_Male_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
landing-page-LIGHT-PR_Html-css-back-LIGHT-PR_mockup_Model-w-Background_Male_White.png
T-male-front.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²