The Big List

Developer
Jeremy P. Beasley
Size
3,435 Kb
Views
6,072
  1. The Big List Previews
  2. The Big List HTML Codes
  3. The Big List CSS Codes

How do I make an the big list?

What is a the big list? How do you make a the big list? This script and codes were developed by Jeremy P. Beasley on 05 January 2023, Thursday.

The Big List Previews
IQ Test

The Big List - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>The Big List</title> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css"> <link rel="stylesheet" href="css/style.css">
</head>
<body> <div class="wrapper master">	<section>	<h2>Studios / Firms</h2>	<ul>	<li>	<a href="https://www.hort.org.uk/" target="_blank">HORT</a>	</li>	<li>	<a href="http://heydays.no/" target="_blank">Heydays</a>	</li>	<li>	<a href="http://www.instrument.com/" target="_blank">Instrument</a>	</li>	<li>	<a href="http://www.pentagram.com" target="_blank">Pentagram</a>	</li>	<li>	<a href="http://athleticsnyc.com/" target="_blank">Athetics NYC</a>	</li>	<li>	<a href="http://www.omfgco.com/" target="_blank">OMFGCO.</a>	</li>	<li>	<a href="http://hugeinc.com/" target="_blank">Huge</a>	</li>	<li>	<a href="http://www.metalabdesign.com/" target="_blank">Metalab</a>	</li>	<li>	<a href="http://fuzzco.com/" target="_blank">Fuzzco</a>	</li>	<li>	<a href="http://playgroundinc.com/" target="_blank">Playground</a>	</li>	<li>	<a href="http://www.glasfurdandwalker.com/" target="_blank">Glasfurd & Walker</a>	</li>	<li>	<a href="http://www.lundgrenlindqvist.se/" target="_blank">Lundgren Lindqvist</a>	</li>	<li>	<a href="http://tsto.org/" target="_blank">Tsto</a>	</li>	<li>	<a href="https://afom.com.au/" target="_blank">A Friend of Mine</a>	</li>	<li>	<a href="https://www.yesstudio.co.uk/" target="_blank">Yes Studio</a>	</li>	<li>	<a href="http://www.workbyland.com/" target="_blank">Land</a>	</li> <li><a href-"http://manualcreative.com/">Manual</a>	<li>	<a href="http://visitoffice.com/" target="_blank">Office</a>	</li>	<li>	<a href="http://monikersf.com/" target="_blank">Moniker</a>	</li> <li>	<a href="http://wearebuild.com/" target="_blank">Build</a>	</li>	<li>	<a href="http://onedesigncompany.com/" target="_blank">One Design Company.</a>	</li>	<li>	<a href="http://www.stockholmdesignlab.se/" target="_blank">Stockholm Design Lab</a>	</li>	<li>	<a href="%20http://charactersf.com/" target="_blank">Character</a>	</li>	<li>	<a href="http://weareadaptable.com/" target="_blank">Adaptable</a>	</li>	<li>	<a href="http://www.weareyours.com/" target="_blank">Yours</a>	</li>	<li>	<a href="http://www.graphicthoughtfacility.com/" target="_blank">Graphic Thought Facility</a>	</li>	<li>	<a href="http://studionudge.com/" target="_blank">Nudge</a>	</li>	<li>	<a href="http://www.bleed.no/" target="_blank">Bleed</a>	</li>	<li>	<a href="http://www.designbyface.com/" target="_blank">Face</a>	</li>	<li>	<a href="http://anagrama.com/" target="_blank">Anagrama</a>	</li> <li>	<a href="http://www.varsity.is/" target="_blank">Varsity</a>	</li>	<li>	<a href="http://savvy-studio.net/" target="_blank">Savvy</a>	</li>	<li>	<a href="http://www.atipus.com/" target="_blank">Apitus</a>	</li>	<li>	<a href="http://bergerfohr.com/" target="_blank">Berger & Fohr</a>	</li>	<li>	<a href="http://public-library.org/" target="_blank">Public Library</a>	</li>	<li>	<a href="http://www.madebyparent.com/" target="_blank">Parent</a>	</li>	<li>	<a href="http://www.codeandtheory.com/" target="_blank">Code & Theory</a>	</li>	<li>	<a href="https://mr-president.co.uk/" target="_blank">Mr. President</a>	</li>	<li>	<a href="http://hyperakt.com/" target="_blank">Hyperakt</a>	</li>	<li>	<a href="http://yourmajesty.co/" target="_blank">Your Majesty</a>	</li>	<li>	<a href="http://hologram.io" target="_blank">Hologram</a>	</li>	</ul>	</section> <section>	<h2>Inspiration</h2>	<ul>	<li>	<a href="http://www.siteinspire.com/" target="_blank">Site Inspire</a>	</li>	<li>	<a href="http://httpster.net/" target="_blank">httpster</a>	</li>	<li>	<a href="http://bpando.org/" target="_blank">BP&O</a>	</li>	<li>	<a href="https://dribbble.com/" target="_blank">Dribbble</a>	</li>	<li>	<a href="http://fontsinuse.com/" target="_blank">Fonts In Use</a>	</li>	<li>	<a href="http://graphic-porn.com/" target="_blank">GraphicPorn</a>	</li>	<li>	<a href="http://alistapart.com/" target="_blank">A List Apart</a>	</li>	<li>	<a href="http://www.awwwards.com/awards-of-the-day" target="_blank">AWWWARDS</a>	</li>	<li>	<a href="https://stateofthestate.tumblr.com/" target="_blank">State of the State</a>	</li>	<li>	<a href="http://designspiration.net/" target="_blank">Designspiration</a>	</li>	<li>	<a href="http://emmas.blogg.se/" target="_blank">Emma's Design Blogg</a>	</li>	<li>	<a href="http://design-milk.com/" target="_blank">Design Milk</a>	</li>	<li>	<a href="http://www.archdaily.com/" target="_blank">Arch Daily</a>	</li>	<li>	<a href="http://mindsparklemag.com/?websites" target="_blank">Mindsparkle Mag</a>	</li> <li>	<a href="https://tympanus.net/codrops/" target="_blank">Codrops</a>	</li>	<li>	<a href="https://convoy.tumblr.com/" target="_blank">Convoy</a>	</li>	<li>	<a href="%20https://thewebtype.tumblr.com/" target="_blank">The Web Type</a>	</li>	<li>	<a href="https://architecturepastebook.co.uk/" target="_blank">Architecture Pastebook</a>	</li>	<li>	<a href="https://blueitis.tumblr.com/" target="_blank">Blue It Is</a>	</li>	<li>	<a href="https://theblackworkshop.tumblr.com/" target="_blank">The Black Workshop</a>	</li>	<li>	<a href="https://conceptblanc.tumblr.com/" target="_blank">Concept Blanc</a>	</li>	</ul>	</section>	<section>	<h2>Individuals</h2>	<ul>	<li>	<a href="http://www.mariohugo.com/" target="_blank">Mario Hugo</a>	</li>	<li>	<a href="http://bradfrostweb.com/" target="_blank">Brad Frost</a>	</li>	<li>	<a href="https://www.google.com/webhp?sourceid=chrome-instant&ion=1&espv=2&ie=UTF-8#q=mike+monteiro&tbm=vid" target="_blank">Mike Monteiro</a>	</li>	<li>	<a href="https://dribbble.com/fchimero" target="_blank">Frank Chimero</a>	</li>	<li>	<a href="http://tanamachistudio.com/" target="_blank">Dana Tanamachi</a>	</li>	<li>	<a href="http://www.invisiblecreature.com/" target="_blank">Invisible Creature</a>	</li> <li>	<a href="http://jasonsantamaria.com/" target="_blank">Jason Santa Maria</a>	</li>	<li>	<a href="http://cargocollective.com/rebeccachew/" target="_blank">Rebecca Chew</a>	</li>	<li>	<a href="https://dribbble.com/letsgorally" target="_blank">Ben Cline</a>	</li> <li>	<a href="http://jordanbutcher.co/" target="_blank">Jordan Butcher</a>	</li>	<li>	<a href="http://mattlehmanstudio.com/" target="_blank">Matt Lehman</a>	</li> <li>	<a href="http://www.neighborhood-studio.com/" target="_blank">Curtis Jinkins</a>	</li>	<li>	<a href="http://pieratt.com/" target="_blank">Ben Pieratt</a>	</li>	<li>	<a href="http://www.dbworks.pro/" target="_blank">Diego Blanco</a>	</li>	<li>	<a href="http://megan-man.com/" target="_blank">Megan Man</a>	</li>	<li>	<a href="http://www.ploom.tv/" target="_blank">Eiko Ojala</a>	</li>	<li>	<a href="http://www.kelseydake.com/" target="_blank">Kelsey Dake</a>	</li>	<li>	<a href="https://www.mattwilley.co.uk/" target="_blank">Matt Willey</a>	</li>	<li>	<a href="http://www.conoranddavid.com/" target="_blank">Connor David</a>	</li><!-- Photographerss-->	<li>	<a href="http://www.danholdsworth.com/" target="_blank">Dan Holdsworth</a>	</li>	<li>	<a href="http://www.danwintersphoto.com/" target="_blank">Dan Winters</a>	</li>	<li>	<a href="http://www.rodneysmith.com/" target="_blank">Rodney Smith</a>	</li>	<li>	<a href="http://www.ianruhter.com/" target="_blank">Ian Ruhter</a>	</li>	</ul>	</section>
</div> <script src='http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script>
</body>
</html>

The Big List - Script Codes CSS Codes

@import url(https://fonts.googleapis.com/css?family=Cutive+Mono);
.wrapper { padding: 4vw 3.5vw 7vw 3.5vw; overflow: auto;
}
a { text-decoration: none; color: black;
}
a:hover { color: blue;
}
.master ul, .master ul li{ margin: 0; list-style: none; padding: 0;
}
.master ul li { margin-left: 1rem; line-height: 150%; font-family: Cutive Mono;
}
.master ul li:before {	content: "-"; position: absolute; margin-left: -1em;
}
section { float: left; width: 17%; margin: 0 3.5vw;
}
@media (max-width: 600px) { section { width: 80%; margin: 0 3.5vw; }
}
The Big List - Script Codes
The Big List - Script Codes
Home Page Home
Developer Jeremy P. Beasley
Username jeremypbeasley
Uploaded January 05, 2023
Rating 3
Size 3,435 Kb
Views 6,072
Do you need developer help for The Big List?

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!

Jeremy P. Beasley (jeremypbeasley) Script Codes
Name
CSS Background Image for GOOD Corps
Google Image Search by Keyword
Number Climb
A Pen by Jeremy P. Beasley
Art 3.2
Calling Webcam API
Money Entry
Type to Search Anywhere
Lightbox from BG Image
Lazy Load Test
Create amazing Facebook ads 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!