Values page mockup 1
How do I make an values page mockup 1?
What is a values page mockup 1? How do you make a values page mockup 1? This script and codes were developed by Gene Miller on 22 November 2022, Tuesday.
Values page mockup 1 - Script Codes HTML Codes
<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>Values page mockup 1</title> <link rel='stylesheet prefetch' href='https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css'> <link rel="stylesheet" href="css/style.css">
</head>
<body> <body> <img src="https://thimbleprojects.org/bonyboy/92269/images/header.png"> <table> <tbody> <tr> <td class="leftCol"> <img src="https://thimbleprojects.org/bonyboy/92269/images/leftColumn.png"> </td> <td class="rightCol"> <img src="https://thimbleprojects.org/bonyboy/92269/images/logo.png"> <span class="rightColValues">OUR VALUES</span> <p>I AM AN <span class="rightColHeaderGreen">ALLY</span></p> <p class="rightColDescription"> I AM A COMPASSIONATE LISTENER AND AN ENCOURAGING VOICE • I TAKE RESPONSIBILITY AND NEVER COMPROMISE MY INTEGRITY • I ATTEND TO DETAILS AND ANTICIPATE NEEDS • I AM AS ENTHUSIASTIC ABOUT THE SUCCESS OF MY TEAM MEMBERS AS I AM ABOUT MY OWN • I INSIST UPON EXCELLENCE AS MY STANDARD APPROACH </p> <p>I AM A <span class="rightColHeaderGreen">FRIEND</span></p> <p class="rightColDescription"> I VALUE LAUGHTER AND SHARED MEMORIES • I WEAR A POSITIVE ATTITUDE AND MAINTAIN A SENSE OF JOY • I CONSIDER ADVENTURE AND FUN ESSENTIAL TO WELL-BEING • I CELEBRATE HUMANITY AND AGING WITH DIGNITY • I BUILD COMMUNITY ONE RELATIONSHIP AT A TIME </p> <p>I AM A <span class="rightColHeaderGreen">GIVER</span></p> <p class="rightColDescription"> I AM A GENTLE TOUCH • I OFFER HOPE AND ASSURANCE • I FIND SATISFACTION AND PURPOSE IN PROVIDING GENUINE HOSPITALITY • I AM ALWAYS AWARE THAT I WORK IN THE HOMES OF OUR RESIDENTS • I EARN THE OPPORTUNITY TO RETURN AND SERVE EACH DAY </p> <p class="rightColFooterTop"> EVERY DAY I MAKE MY MARK </p> <p class="rightColFooterBottom">I AM <span class="rightColHeaderGreen">TOUCHMARK</span></p> </td> <td> </td> </tr> </tbody> </table>
</body>
</body>
</html>
Values page mockup 1 - Script Codes CSS Codes
body { font-family: 'Lato', 'sans-serif'; background-color: #f9f7f3; color: #635a55; line-height: 32px;
}
.leftCol { padding-left: 550px;
}
.rightCol { padding-left: 80px; padding-right: 638px;
}
.rightCol span { font-size: 27.71pt; color: #44883e; letter-spacing: 1px;
}
.rightColValues { vertical-align: middle; padding-left: 20px;
}
.rightCol p { padding-top: 20px; font-size: 24.45pt; font-family: Helvetica; font-weight: bold; color: #776e64; letter-spacing: 2px;
}
.rightColHeaderGreen { font-family: Georgia; font-size: 24.45pt; font-weight: normal;
}
.rightCol .rightColDescription { font-family: Georgia; padding-left: 30px; font-size: 8.15pt; font-weight: normal; letter-spacing: 2.6px; text-align: justify;
}
.rightColFooterTop { font-family: Georgia !important; font-size: 12.63pt !important; letter-spacing: 5.5px !important; font-weight: normal !important; margin: auto; padding-left: 20px !important; text-align: center;
}
.rightColFooterBottom { text-align: center;
}
Developer | Gene Miller |
Username | bonyboy |
Uploaded | November 22, 2022 |
Rating | 3 |
Size | 2,478 Kb |
Views | 18,216 |
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 |
Eventbrite Template | 5,164 Kb |
Values page mockup 2 | 2,477 Kb |
REI gif animation | 13,153 Kb |
Pocket Casts | 11,154 Kb |
Twitter Email Sample | 4,589 Kb |
Bootstrap Image Modal | 1,603 Kb |
Creative Market Email Example | 9,393 Kb |
Interactive Points | 12,829 Kb |
Mjml template | 13,060 Kb |
A Pen by Gene Miller | 2,743 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 |
SnappySnippet Test | Elmsoftware | 8,385 Kb |
See Through | Larrygeams | 77,410 Kb |
03 - CSS Variables | Run-time | 2,682 Kb |
A Pen by Alex Edwards | Exards | 8,218 Kb |
A Pen by boilzzz | Boilzzz | 2,761 Kb |
Nested flexbox layout for library catalog | Boycetrus | 3,271 Kb |
Yuliya v krylova | Rafszul | 37,351 Kb |
Fluid Grid 12 | Alexoliverwd | 2,309 Kb |
A Pen by Ash | Littleginger | 2,386 Kb |
Typefaces with descriptions | Megandoty | 2,944 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!