SOL Republic Styling Test

Developer
Danny C
Size
2,029 Kb
Views
10,120
  1. SOL Republic Styling Test Previews
  2. SOL Republic Styling Test HTML Codes
  3. SOL Republic Styling Test CSS Codes

How do I make an sol republic styling test?

Playing with text-shadows as text outlines. What is a sol republic styling test? How do you make a sol republic styling test? This script and codes were developed by Danny C on 17 October 2022, Monday.

SOL Republic Styling Test Previews
IQ Test

SOL Republic Styling Test - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>SOL Republic Styling Test</title> <link rel='stylesheet prefetch' href='https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,300italic,700'> <link rel="stylesheet" href="css/style.css">
</head>
<body> <p>The</p>
<hr/>
<h1 class="titleA">Headphone</h1>
<h1 class="titleB">Generation</h1>
<div>
<p class="content"> <strong>Music or Bust:</strong> 20% of us would give up food for music. 2 in 3 are less active without headphones & millenials (18-34) use headphones for more than just music.
</p>
</div>
<p class="knockout">The Power of Music</p>
<hr/>
</body>
</html>

SOL Republic Styling Test - Script Codes CSS Codes

body{ text-transform:uppercase; text-align:center; background-color:#2a2a2a; font-family: 'Open Sans Condensed', sans-serif; font-weight: 300; color:#f1f1f1;
}
h1{ color: cyan; font-size:6em; font-weight: 300; line-height:0.9em; letter-spacing:0px; margin:0;
}
.titleA{ margin-top:15px;
}
.titleB { color:#2a2a2a; text-shadow: -1px -1px 0 #a3a3a3, 1px -1px 0 #a3a3a3, -1px 1px 0 #a3a3a3, 1px 1px 0 #a3a3a3;
}
p{ display:inline-block; font-weight:700; position:relative; background-color:#2a2a2a; padding:5px; z-index:10;
}
.content{ text-transform:none; font-size:1em; width:45%; font-weight:300; margin:15px 0 0 0;
}
.content strong{ text-transform:uppercase; font-weight:700;
}
hr{ width:75%; position:relative; border-top: solid 1px #3a3a3a; border-bottom: solid 1px #3a3a3a; border-left:solid 0 #2a2a2a; border-right:solid 0 #2a2a2a; height:3px; margin-top:-34px;
}
.knockout{ color:#2a2a2a; padding:3px 8px; background-color:#bcbcbd;
}
SOL Republic Styling Test - Script Codes
SOL Republic Styling Test - Script Codes
Home Page Home
Developer Danny C
Username tychoBlender
Uploaded October 17, 2022
Rating 3
Size 2,029 Kb
Views 10,120
Do you need developer help for SOL Republic Styling Test?

Find the perfect freelance services for your business! Fiverr's mission is to change how the world works together. Fiverr connects businesses with freelancers offering digital services in 500+ categories. Find Developer!

Danny C (tychoBlender) Script Codes
Name
Super Simple jQuery CrossFade
Swiper
Responsive Anything Slider
History API-nope
A Pen by Danny C
Animation Test
Table toggle
CSS Social Media Icon
Cross Browser Grayscale
IE getJSON test
Create amazing sales emails with AI!

Jasper is the AI Content Generator that helps you and your team break through creative blocks to create amazing, original content 10X faster. Discover all the ways the Jasper AI Content Platform can help streamline your creative workflows. Start For Free!