A Pen by Anthony Adamski
How do I make an a pen by anthony adamski?
What is a a pen by anthony adamski? How do you make a a pen by anthony adamski? This script and codes were developed by Anthony Adamski on 25 August 2022, Thursday.
A Pen by Anthony Adamski - Script Codes HTML Codes
<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>A Pen by Anthony Adamski</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> <link href='http://fonts.googleapis.com/css?family=Droid+Sans:400,700|Droid+Serif' rel='stylesheet' type='text/css'>
<div class="banner"> <div class="banner-text table"> <div class="table-cell-center"> <h1>4426 BEACON</h1> <p>Boston, MA 02118</p> </div> </div>
</div>
<div class="section"><div class="container table"> <div class="table-cell-center"> <h1>$3,200,000</h1> <h2>3 Bedroom | 5 Bathroom | 7,020 Sq Ft</h2> <p class="text-justify"> A Block off The Common, beyond The Ritz Carlton & across the street from The Sports Club LA. Grand Residence 2 Bed 2 Bath with a Southeast facing corner living room featuring a gas fireplace and private terrace. Residents will enjoy unique 5 Star Service such as 24 hour concierge and doorman as well as access to a private club with casual dining, a lovely bar and lounge area, and a beautifully cultivated garden. Residents will enjoy unique 5 Star Service such as 24 hour concierge and doorman as well as access to a private club with casual dining, a lovely bar and lounge area, and a beautifully cultivated garden. On-site fitness center and Theatre Screening Room. Valet Parking Included. </p> </div></div>
</div>
<div class="section" style="background-color:#fff"> <div class="container table"> <div class="table-cell-center"> <h1> PROPERTY DETAILS </h1> <h2 style="margin-bottom:50px;"> basic property details </h2> <div class="info-table-light"> <table> <tr> <td>Total Rooms</td> <td>12</td> </tr> <tr> <td>Total Bedrooms</td> <td>3</td> </tr> <tr> <td>Total Bathrooms</td> <td>5</td> </tr> <tr> <td>Master Bath</td> <td>Yes</td> </tr> <tr> <td>Fireplaces</td> <td>1</td> </tr> <tr> <td>Square Feet</td> <td>2,850</td> </tr> </table> </div> </div> </div>
</div>
<div class="section s-map"> <div class="container table"> <div class="table-cell-center"> </div> </div>
</div>
<div class="section"> <div class="container table"> <div class="table-cell-center"> <h1> MORE DETAILS </h1> <h2 style="margin-bottom:50px;"> more property details </h2> <div class="table-three info-table-light"> <table> <tr> <td>YTD</td> <td>4</td> </tr> <tr> <td>Lot Size</td> <td>3</td> </tr> <tr> <td>Heat Source</td> <td>2</td> </tr> <tr> <td>Build Date</td> <td>Yes</td> </tr> <tr> <td>Other</td> <td>1</td> </tr> </table> </div>
<div class="table-three info-table-light"> <table> <tr> <td>Total Rooms</td> <td>4</td> </tr> <tr> <td>Bedrooms</td> <td>3</td> </tr> <tr> <td>Bathrooms</td> <td>2</td> </tr> <tr> <td>Master Bath</td> <td>Yes</td> </tr> <tr> <td>Fireplaces</td> <td>1</td> </tr> </table> </div> <div class="table-three last hide info-table-light"> <table> <tr> <td>Level</td> <td>4</td> </tr> <tr> <td>Taxes</td> <td>3</td> </tr> <tr> <td>Year Built</td> <td>2</td> </tr> <tr> <td>Amenities</td> <td>Yes</td> </tr> <tr> <td>A/C</td> <td>1</td> </tr> </table> </div> </div> </div>
</div>
<div class="slides"> <div class="slides-container"> <li><div class="section s-one"><div class="container table"> <div class="table-cell-center"> </div></div>
</div></li>
<li><img src="https://images.unsplash.com/photo-1415757397015-0a3d16e6f195?fit=crop&fm=jpg&h=1300&ixlib=rb-0.3.5&q=80&w=1975"></li>
<li><img src="https://images.unsplash.com/photo-1422480415834-d7d30118ea06?fit=crop&fm=jpg&h=1300&ixlib=rb-0.3.5&q=80&w=1975"></li> </div> <nav class="slides-navigation"> <a href="#" class="next">></a> <a href="#" class="prev"><</a> </nav> </div>
<div class="section" style=" background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAMAAAAp4XiDAAAAUVBMVEWFhYWDg4N3d3dtbW17e3t1dXWBgYGHh4d5eXlzc3OLi4ubm5uVlZWPj4+NjY19fX2JiYl/f39ra2uRkZGZmZlpaWmXl5dvb29xcXGTk5NnZ2c8TV1mAAAAG3RSTlNAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEAvEOwtAAAFVklEQVR4XpWWB67c2BUFb3g557T/hRo9/WUMZHlgr4Bg8Z4qQgQJlHI4A8SzFVrapvmTF9O7dmYRFZ60YiBhJRCgh1FYhiLAmdvX0CzTOpNE77ME0Zty/nWWzchDtiqrmQDeuv3powQ5ta2eN0FY0InkqDD73lT9c9lEzwUNqgFHs9VQce3TVClFCQrSTfOiYkVJQBmpbq2L6iZavPnAPcoU0dSw0SUTqz/GtrGuXfbyyBniKykOWQWGqwwMA7QiYAxi+IlPdqo+hYHnUt5ZPfnsHJyNiDtnpJyayNBkF6cWoYGAMY92U2hXHF/C1M8uP/ZtYdiuj26UdAdQQSXQErwSOMzt/XWRWAz5GuSBIkwG1H3FabJ2OsUOUhGC6tK4EMtJO0ttC6IBD3kM0ve0tJwMdSfjZo+EEISaeTr9P3wYrGjXqyC1krcKdhMpxEnt5JetoulscpyzhXN5FRpuPHvbeQaKxFAEB6EN+cYN6xD7RYGpXpNndMmZgM5Dcs3YSNFDHUo2LGfZuukSWyUYirJAdYbF3MfqEKmjM+I2EfhA94iG3L7uKrR+GdWD73ydlIB+6hgref1QTlmgmbM3/LeX5GI1Ux1RWpgxpLuZ2+I+IjzZ8wqE4nilvQdkUdfhzI5QDWy+kw5Wgg2pGpeEVeCCA7b85BO3F9DzxB3cdqvBzWcmzbyMiqhzuYqtHRVG2y4x+KOlnyqla8AoWWpuBoYRxzXrfKuILl6SfiWCbjxoZJUaCBj1CjH7GIaDbc9kqBY3W/Rgjda1iqQcOJu2WW+76pZC9QG7M00dffe9hNnseupFL53r8F7YHSwJWUKP2q+k7RdsxyOB11n0xtOvnW4irMMFNV4H0uqwS5ExsmP9AxbDTc9JwgneAT5vTiUSm1E7BSflSt3bfa1tv8Di3R8n3Af7MNWzs49hmauE2wP+ttrq+AsWpFG2awvsuOqbipWHgtuvuaAE+A1Z/7gC9hesnr+7wqCwG8c5yAg3AL1fm8T9AZtp/bbJGwl1pNrE7RuOX7PeMRUERVaPpEs+yqeoSmuOlokqw49pgomjLeh7icHNlG19yjs6XXOMedYm5xH2YxpV2tc0Ro2jJfxC50ApuxGob7lMsxfTbeUv07TyYxpeLucEH1gNd4IKH2LAg5TdVhlCafZvpskfncCfx8pOhJzd76bJWeYFnFciwcYfubRc12Ip/ppIhA1/mSZ/RxjFDrJC5xifFjJpY2Xl5zXdguFqYyTR1zSp1Y9p+tktDYYSNflcxI0iyO4TPBdlRcpeqjK/piF5bklq77VSEaA+z8qmJTFzIWiitbnzR794USKBUaT0NTEsVjZqLaFVqJoPN9ODG70IPbfBHKK+/q/AWR0tJzYHRULOa4MP+W/HfGadZUbfw177G7j/OGbIs8TahLyynl4X4RinF793Oz+BU0saXtUHrVBFT/DnA3ctNPoGbs4hRIjTok8i+algT1lTHi4SxFvONKNrgQFAq2/gFnWMXgwffgYMJpiKYkmW3tTg3ZQ9Jq+f8XN+A5eeUKHWvJWJ2sgJ1Sop+wwhqFVijqWaJhwtD8MNlSBeWNNWTa5Z5kPZw5+LbVT99wqTdx29lMUH4OIG/D86ruKEauBjvH5xy6um/Sfj7ei6UUVk4AIl3MyD4MSSTOFgSwsH/QJWaQ5as7ZcmgBZkzjjU1UrQ74ci1gWBCSGHtuV1H2mhSnO3Wp/3fEV5a+4wz//6qy8JxjZsmxxy5+4w9CDNJY09T072iKG0EnOS0arEYgXqYnXcYHwjTtUNAcMelOd4xpkoqiTYICWFq0JSiPfPDQdnt+4/wuqcXY47QILbgAAAABJRU5ErkJggg==);background-color:rgba(224,87,67,.95);color:white;"> <div class="container table"> <div class="table-cell-center"> <div class="footer-text table"> <div class="table-cell-center"> <h1>CONTACT</h1> <p style="margin:10px 0px 0px 0px">Call Penrose Realty @ 617 670 1171</p> <p style="margin:0px 40px">Office Location: 580 Harrison Ave, Boston MA 02118</p> </div> </div> </div>
</div>
</div> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> <script src="http://nicinabox.com/superslides/dist/jquery.superslides.js" type="text/javascript" charset="utf-8"></script> <script src="js/index.js"></script>
</body>
</html>
A Pen by Anthony Adamski - Script Codes CSS Codes
html,
body { height: 100%;
}
body { background: #eeeff3; font: 400 1em/1.5 "Droid Sans", serif; color: gray; text-align: center; height: 100%;
}
h1 { font: 700 2.5em/1 "Droid Sans", sans-serif; margin: 1em;
}
h2 { font: 700 1.5em/1.5 "Droid Sans", sans-serif; margin: 1em 0;
}
button { background: #bfc0c2; border: 0; height: 60px; width: 300px; border-radius: 8px;
}
.table { display: table;
}
.table-cell-center { display: table-cell; vertical-align: middle;
}
.text-justify { text-align: justify;
}
.text-center { text-align: center;
}
.text-left { text-align: left;
}
.text-right { text-align: right;
}
.container { height: 100%; width: 46em; margin: 0 auto;
}
.banner { background: url(https://images.unsplash.com/photo-1426122402199-be02db90eb90?fit=crop&fm=jpg&h=1300&ixlib=rb-0.3.5&q=80&w=1975) no-repeat fixed 50% 0; background-size: 100%; color: #fff; height: 100%; width: 100%;
}
.banner:after { display: block; content: ""; position: absolute; height: 100%; width: 100%; background-image: url(data:image/png;base64,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); background-color: #e05743; opacity: .75;
}
.banner-text { width: 400px; height: 400px; position: fixed; top: 50%; left: 50%; border: .5em solid #fff; border-radius: 100%; margin-left: -200px; margin-top: -200px; z-index: 3; transition: all .25s; box-shadow: 0 0 0 0 #FFF inset;
}
.banner-text:hover { box-shadow: 0 0 0 300px #FFF inset; color: #e05743;
}
.banner-text p { font-size: 1.25em; margin: 10px 0 -20px;
}
.banner-text h1 { margin: 0;
}
.footer-text { width: 400px; height: 400px; position: relative; left: 50%; border: .5em solid #fff; border-radius: 100%; margin-left: -200px; transition: all .25s; box-shadow: 0 0 0 0 #FFF inset;
}
.footer-text:hover { box-shadow: 0 0 0 300px #FFF inset; color: #e05743;
}
.footer-text p { font-size: 1em; margin: 10px 0 -20px;
}
.footer-text h1 { margin: 0;
}
.section { color: #666; height: 100%; width: 100%; min-height: 800px; position: relative; z-index: 10; //background-image:url(http://penroserealty.com/wp-content/themes/penroserealty/img/prints.png)
}
.section p { margin-top: 2em;
}
.s-one { background: url(http://imageshack.us/a/img405/8646/719s.jpg) no-repeat fixed 50% 0; background-size: cover;
}
.s-one:before { display: block; content: ""; position: absolute; height: 100%; width: 100%; background-color: #ffffff; opacity: .75; z-index: -1;
}
.s-map { background: url(http://www.upbarter.org/uploads/pic/Y916BGoogleMap.jpg) no-repeat fixed 50% 0; background-size: cover; -webkit-filter: grayscale(100%); filter: grayscale(100%);
}
.slides { position: fixed; background:url(https://images.unsplash.com/photo-1422480415834-d7d30118ea06?fit=crop&fm=jpg&h=1300&ixlib=rb-0.3.5&q=80&w=1975); z-index: 5;
}
.slides .slides-container { display: none;
}
.slides .scrollable { zoom: 1; position: relative; top: 0; left: 0; overflow-y: auto; -webkit-overflow-scrolling: touch; height: 100%;
}
.slides .scrollable:after { content: ""; display: table; clear: both;
}
.slides-navigation { margin: 0 auto; position: absolute; z-index: 3; top: 0; width: 100%; height: 100%;
}
.slides-navigation a { display: block; height: 100px; width: 100px; text-decoration: none; color: #FFF; font: 700 4em/1.55 "Droid Sans", sans-serif; border-radius: 100%;
}
.slides-navigation a.prev { left: 20%; top: 44%; position: absolute; background: rgba(224, 87, 67, .3); transition: .25s all;
}
.slides-navigation a.prev:hover { background: rgba(224, 87, 67, 1); transition: .25s all;
}
.slides-navigation a.next { right: 20%; top: 44%; position: absolute; background: rgba(224, 87, 67, .3); transition: .25s all;
}
.slides-navigation a.next:hover { background: rgba(224, 87, 67, 1); transition: .25s all;
}
.slides-pagination { position: absolute; z-index: 3; bottom: 20px; left: 50%; margin: 0 0 0 -60px; text-align: center; width: 100%; background: rgba(255, 255, 255, .); width: 120px; height: 25px;
}
.slides-pagination a { border: 1px solid #ccc; border-radius: 15px; width: 10px; height: 10px; display: 0; display: inline-block; vertical-align: middle; vertical-align: auto; zoom: 1; display: inline; margin: 5px; overflow: hidden; text-indent: -100%;
}
.slides-pagination a.current { background: #ccc;
}
.info-table-light { width: 100%;
}
.info-table-light table { width: 100%; height: 100%; margin-bottom: 50px;
}
.info-table-light tr:nth-child(odd) { background-color: rgba(0, 0, 0, .05); transition: .1s all;
}
.info-table-light tr:nth-child(even) { background-color: transparent; transition: .1s all;
}
.info-table-light td { vertical-align: middle; text-align: center; padding: 20px;
}
.info-table-light tr:hover { background-color: #e05743; color: #fff; transition: .1s all;
}
.table-three { width: 33%; float: right; margin: 0px;
}
@media (max-width:900px) { body { font: 400 .75em/1.5 "Droid Sans", serif; } .container { width: 20em; } .hide { display: none; } .banner-text { width: 250px; height: 250px; margin-left: -125px; margin-top: -125px; } .footer-text { width: 250px; height: 250px; margin-left: -125px; } .table-three { width: 49%; float: left; } .info-table-light td { vertical-align: middle; text-align: center; padding: 5px; } .slides-navigation a { font: 700 2.8em/1.55 "Droid Sans", sans-serif; } .slides-navigation a { height: 50px; width: 50px; }
}
.footer { background: url(https://images.unsplash.com/photo-1426122402199-be02db90eb90?fit=crop&fm=jpg&h=1300&ixlib=rb-0.3.5&q=80&w=1975) no-repeat fixed 50% 0; background-size: cover; color: #fff; height: 100%; width: 100%;
}
.footer:before { display: block; content: ""; position: absolute; height: 100%; width: 100%; background-image: url(data:image/png;base64,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); background-color: #e05743; opacity: .95;
}
A Pen by Anthony Adamski - Script Codes JS Codes
function Fade() { scrollPos = $(this).scrollTop(); $('.banner').css({ 'background-position': '50% ' + (-scrollPos / 4) + "px" }); $('.banner-text').css({ 'margin-top': -200 - (scrollPos / 4) + "px", 'opacity': 1 - (scrollPos / 250) });
}
$(document).ready(function() { $(window).scroll(function() { Fade(); });
});
$('.slides').superslides({ animation: 'fade', pagination: false
});
Developer | Anthony Adamski |
Username | anthonyadamski |
Uploaded | August 25, 2022 |
Rating | 4.5 |
Size | 8,174 Kb |
Views | 38,456 |
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 |
Responsive Email Template | 3,373 Kb |
Menu Overflow | 2,280 Kb |
Work In Progress | 225,703 Kb |
Live resume concept | 4,567 Kb |
Single page concept | 5,640 Kb |
Less Utility Classes | 1,786 Kb |
Cool Page Split Effect | 6,128 Kb |
Video Test | 1,835 Kb |
Cropped Background Images | 1,693 Kb |
Full Viewport Background Scroll | 1,859 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 |
CSS Infinite 360 | APinix | 5,564 Kb |
Two joint circles - One element | Berdejitendra | 1,704 Kb |
Drag and Drop Quiz | Cgspicer | 3,837 Kb |
A Pen by Paul Sullivan | Pwsm50 | 2,349 Kb |
Fading text with CSS blend modes | Giana | 3,305 Kb |
Plotting Points with D3.js | Laurakelly | 31,996 Kb |
Content Changer | Cliffpyles | 4,538 Kb |
Vanilla JS - A toggleClass function | Woodwork | 2,532 Kb |
CSS Variables | Jdsteinbach | 4,759 Kb |
Price | Catcode | 2,623 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!