A Pen by Kenz

Developer
Kenz
Size
1,968 Kb
Views
6,072
  1. A Pen by Kenz Previews
  2. A Pen by Kenz HTML Codes
  3. A Pen by Kenz CSS Codes

How do I make an a pen by kenz?

What is a a pen by kenz? How do you make a a pen by kenz? This script and codes were developed by Kenz on 26 January 2023, Thursday.

A Pen by Kenz Previews
IQ Test

A Pen by Kenz - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>A Pen by Kenz</title> <link rel='stylesheet prefetch' href='https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css'> <link rel="stylesheet" href="css/style.css">
</head>
<body> <html lang="en">
<head> <title>Bootstrap Example</title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>
<body>
<div class="container"> <div class="row"> <div class="col-sm-4 part1"> <h3>Column 1</h3> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit...</p> <p>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris...</p> </div> <div class="col-sm-4 part2"> <h3>Column 2</h3> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit...</p> <p>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris...</p> </div> <div class="col-sm-4 part3"> <h3>Column 3</h3> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit...</p> <p>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris...</p> </div> </div>
</div>
</body>
</html>
</body>
</html>

A Pen by Kenz - Script Codes CSS Codes

html, body{width:100%;height:100%;}
.part1{ background: yellow; margin-left: -4em; padding-left: 4em; overflow: hidden; -webkit-backface-visibility: hidden; background: #f5f5f5 url("page-bkg_en-GB.png"); -webkit-transform: skew(4deg); -moz-transform: skew(4deg); -ms-transform: skew(4deg); -o-transform: skew(4deg); transform: skew(4deg);
}
.part2{ background: black; -webkit-clip-path: polygon(0 0, 100% 0, 80% 100%, 30% 100%);
clip-path: polygon(0 0, 100% 0, 80% 100%, 30% 100%);
}
.part3{ background: red; -webkit-clip-path: polygon(30% 0, 100% 0, 100% 100%, 0 100%);
clip-path: polygon(30% 0, 100% 0, 100% 100%, 0 100%); height: 100%;
}
A Pen by Kenz - Script Codes
A Pen by Kenz - Script Codes
Home Page Home
Developer Kenz
Username Ken88
Uploaded January 26, 2023
Rating 3
Size 1,968 Kb
Views 6,072
Do you need developer help for A Pen by Kenz?

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!

Kenz (Ken88) Script Codes
Name
Pop Up
Navigation
Skew bg mainpage
The new WEbsite
Bootstrap
Create amazing blog posts 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!