A Pen by Richard
How do I make an a pen by richard?
What is a a pen by richard? How do you make a a pen by richard? This script and codes were developed by Richard on 08 January 2023, Sunday.
A Pen by Richard - Script Codes HTML Codes
<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>A Pen by Richard</title> <link rel="stylesheet" href="css/style.css">
</head>
<body> <div class="wrapper">
<header>
<h1><span>Layout Shifter</span>Project</h1>
<p>EDITOR IN CHIEF and ART DIRECTION: Awwwards Team.<br>
2013 Awwwards Blog</p>
<p><cite><a href="http://www.awwwards.org/books/Web-and-Mobile-TRENDS-2013.pdf">
http://www.awwwards.org/books/Web-and-Mobile-TRENDS-2013.pdf</a></cite></p>
<h2>What is the idea behind the Trends Project?</h2>
<p>The idea was to ask all the participants
more or less the same questions to get
a kind of “data map” which would help
us visualize “the future of the web”. To
this end, we had the invaluable help of
28 renowned experts in different areas of the industry.
</p>
<p>This practice HTML document has quotes from several of the experts.</p>
</header> <div class="article1">
<article>
<p><img src="http://placehold.it/350x300" alt="web expert"></p>
<h2>Brad Frost</h2>
<p><i>Mobile Web Strategist and Frontend Designer at R/GA</i></p>
<p>Brad Frost is a mobile web strategist and
front-end designer at R/GA and is based
out of beautiful Pittsburgh, PA. He is the
creator of Mobile Web Best Practices, a
resource site aimed at helping people
create great mobile and responsive web
experiences.</p>
<p><q>2013 will be the Year
of Performance. People
are increasingly intolerant
with slowness in any
experience.</q></p>
</article> </div> <div class="article2"> <article>
<p><img src="http://placehold.it/350x250" alt="web expert"></p>
<h2>Trent Walton</h2>
<p><i>Founder & 1/3 of Paravel Inc.</i></p>
<p>Trent Walton is founder and 1/3 of
Paravel, a small web shop based out of
the Texas Hill Country, where the lake
levels are constant and the chicken
fried steaks are as big as your face. Dave
Rupert, Reagan Ray, and he have been
working together building for the web
since 2002.</p>
<p><q>At Paravel, we’re focused
on being as device-
agnostic and resolution
independent as
possible.</q></p>
</article> </div>
</div>
</body>
</html>
A Pen by Richard - Script Codes CSS Codes
*{box-sizing: border-box;}
body { margin: 0;}
img{max-width:100%;}
.wrapper{ position: relative; margin: 0 auto;
}
header{ background: green; float: left;
}
.article1{ background: Chartreuse; max-width: 100%; float: left;
}
.article2{ background: DarkGreen; max-width: 100%; float: left;
}
/*-------tablet--------*/
@media (min-width: 600px) { header{ max-width:25%; height: 100%; } .article1{ float:left; width:75%;} .article2{ float:left; width:75%;}
}
Developer | Richard |
Username | keyboarddesk |
Uploaded | January 08, 2023 |
Rating | 3 |
Size | 2,519 Kb |
Views | 6,072 |
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!
Name | Size |
Modal with triggered animation inside | 5,660 Kb |
Card display using foundation | 2,360 Kb |
My attempt at Scrollspy | 2,517 Kb |
Background inside text | 1,917 Kb |
Working with Foundation week13 | 1,766 Kb |
Double swipe button | 2,024 Kb |
Week 4 ICA | 2,725 Kb |
Expandable horizontal columns | 2,341 Kb |
In class Week 4 - Mobile Navigation Patterns-Footer Nav | 3,732 Kb |
Multi Contact Button in Pure CSS | 3,640 Kb |
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!
Name | Username | Size |
Simple content swap | Snografx | 1,859 Kb |
A Pen by Miro Olma | Programiro | 2,342 Kb |
CSS3 keyframe onload animation. | Samueljseay | 1,706 Kb |
Pure CSS Dial | Lukewatts | 3,018 Kb |
LAMP PURE CSS with Animation | Dam62500 | 2,911 Kb |
CSS Parent Selector | Tomhodgins | 2,143 Kb |
Bootstrap Carousel Fade Transition | Rowno | 2,484 Kb |
A bit of elegance | Hackthevoid | 9,095 Kb |
Wip elementary os navbar | Nickcolley | 2,993 Kb |
Hexagons | Ashmind | 4,360 Kb |
Surf anonymously, prevent hackers from acquiring your IP address, send anonymous email, and encrypt your Internet connection. High speed, ultra secure, and easy to use. Instant setup. Hide Your IP Now!