Diversity Tag Project

Developer
Lan Le
Size
2,172 Kb
Views
14,168
  1. Diversity Tag Project Previews
  2. Diversity Tag Project HTML Codes
  3. Diversity Tag Project CSS Codes

How do I make an diversity tag project?

What is a diversity tag project? How do you make a diversity tag project? This script and codes were developed by Lan Le on 20 November 2022, Sunday.

Diversity Tag Project Previews
IQ Test

Diversity Tag Project - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>Diversity Tag Project</title> <link rel="stylesheet" href="css/style.css">
</head>
<body> <link href='https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,900' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
<head></head>
<body> <div class="container"> <div class="row"> <div class="col-sm-3"></div> <div class="col-sm-4"> <p class="med">&emsp;</p> <p class="med rght"> Education </p> <p class="med rght"> region or belief </h1> </div> <div class="col-sm-1"><p class="myDIV med lft">values</h2></div> </div> <div class="row"> <div class="col-sm-3"> <p class="smll">&emsp;</p> <p class="med rght">norms</p> <p class="med rght">empowerment</p> </div> <div class="col-sm-1"><div class="myDIV lft"> <p class="med">rights</p> <p class="med">legislation</p> </div> </div> <div class="col-md-3"> <span class="smll">policy</span> <span class="smll">&emsp; status</span> <span class="smll">&emsp; difference</span> <p class="big lft">equality</p></div> <div class="col-md-4"> <p class="smll">&emsp;</p> <p class="med lft">&emsp; access</p> <p class="med lft">&emsp; opportunitites</p>
</div>
</div>
<div class="row"> <div class="col-sm-1"> <p class="smll lft">ethnicity</p> <p class="med rght">age</p> <p class="smll"></p> </div> <div class="col-sm-1"><div class="myDIV rght"> <p class="med">fair</p> <p class="med">celebrate</p> </div> </div> <div class="col-sm-5"> <span class="smll lft">&ensp; race</span> <span class="smll lft"> &emsp; &emsp; &ensp; youth work</span> <span class="smll lft"> &emsp; &emsp; &ensp; sexual orientation</span> <p class="huge lft">diversity &nbsp;</p>
</div> <div class= "col-md-1"> <div class="myDIV rght"> <p class="med">justice</p> <p class="med">discrimation</p> </div> </div> <div class="col-sm-4"> <p class="med lft"> &ensp;anti-oppressive practice</p> <p class="med lft"> &ensp;society </p> </div>
</div>
</div>
</body>
</body>
</html>

Diversity Tag Project - Script Codes CSS Codes

body{ background-color:#c0dbff; padding-top:50px; font-weight: bold;
}
.smll{ font-size:20px; font-family: 'Source Sans Pro', sans-serif; color: #868686;
}
.med{ font-size:30px; font-family: 'Source Sans Pro', sans-serif; color: #868686;
}
.big{ font-size:80px; font-family: 'Source Sans Pro', sans-serif; color: #868686;
}
.huge{ font-size:120px; font-family: 'Source Sans Pro', sans-serif; color: #868686;
}
.lft{ text-align:left;
}
.rght{ text-align:right;
}
.myDIV { width:160px; height:160px; transform:rotate(270deg)
}
.big:hover{ color:#ffe700; text-shadow: 7px 0px #fffcbc;
}
.med:hover{ color:	#ffe700; text-shadow: 2px 0px #fffcbc;
}
.smll:hover{ color:#ffe700; text-shadow: 1px 0px #fffcbc;
}
.huge:hover{ color:	#ffe700; text-shadow: 10px 0px #fffcbc;
}
Diversity Tag Project - Script Codes
Diversity Tag Project - Script Codes
Home Page Home
Developer Lan Le
Username lanlengoc97
Uploaded November 20, 2022
Rating 3
Size 2,172 Kb
Views 14,168
Do you need developer help for Diversity Tag Project?

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!

Lan Le (lanlengoc97) Script Codes
Name
Money Converter
Hover Overlay Project
Digital Clock
A Pen by Lan Le
Colorful Grid
Tic Tac Toe Game
Profile page
Profile
The Tic Tac Toe Game 2.0
Entries
Create amazing SEO content 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!