A Pen by Richard

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

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 Previews
IQ Test

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%;}
}
A Pen by Richard - Script Codes
A Pen by Richard - Script Codes
Home Page Home
Developer Richard
Username keyboarddesk
Uploaded January 08, 2023
Rating 3
Size 2,519 Kb
Views 6,072
Do you need developer help for A Pen by Richard?

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!

Richard (keyboarddesk) Script Codes
Name
SVG animation introduction
ALPACA PRESENTATION
Modal with triggered animation inside
Double swipe button
Assignment 4 SCSS animation
My attempt at Scrollspy
Card display using foundation
Expandable horizontal columns
Week 4 ICA
Index transfer
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!