A Pen by Jason Angle
How do I make an a pen by jason angle?
What is a a pen by jason angle? How do you make a a pen by jason angle? This script and codes were developed by Jason Angle on 29 July 2022, Friday.
A Pen by Jason Angle - Script Codes HTML Codes
<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>A Pen by Jason Angle</title>
</head>
<body> <style type="text/css">
.DeptContainer {
}
.PhoneText { font-size: 16px !important; font-weight: bold; text-align: right; text-transform: uppercase; margin-bottom:15px;
}
.DeptTitle{ width:990px;
}
.DeptTitleBanner{ width:990px; margin-bottom:15px;
}
.DeptContentWrap {
width:990px;
display:inline-block;
}
.DeptLeftNav {
width:165px;
margin-left:10px; margin-top: 10px;
float:left;
}
.DeptLeftNav h3 { font-family: Roboto ,Arial, sans-serif; font-style: normal; font-weight: bold;
padding: 0;
margin:0;
line-height:1.1em;
font-size:15px;
text-align:left;
color:#327BB8;
}
.DeptLeftNav ul {
list-style-type:none;
margin:5px 0 20px 0;
padding:0;
}
.DeptLeftNav li {
font-size:12px;
line-height:1.1em;
padding:5px 0px;
}
.DeptLeftNav a { font-family: Roboto ,Arial, sans-serif; font-style: normal; font-weight: 400;
font-weight:normal;
color:#252525;
text-decoration:none;
}
.DeptLeftNav a:hover { color:red;
}
.DeptContentCenter {
width:580px;
margin:0 10px;
float:left;
}
.DeptHeroWrap {
width:570px;
min-height:320px;
margin:auto;
margin-top:0px;
margin-bottom:10px;
clear:both;
}
#DeptHeroSliderWrap {width:570px; margin:0; padding:0; float:left;}
#DeptHeroSliderContainer {margin:0; padding:0; position:relative; background-color:none; width:570px; height:320px;}
#DeptHeroSlider { margin:0; padding:0; position:relative; overflow:hidden; width:570px; height:320px; border:1px solid #a2a2a2;}
#DeptHeroSlider ul { margin:0; padding:0; position:absolute; list-style:none; top:0; left:0; margin-top:0;}
#DeptHeroSlider li {margin:0; padding:0; float:left; width:8300px; height:300px;}
#DeptHeroSlider img {margin:0; padding:0; border:none;}
.deptpagination {margin:0; padding:0; position:absolute; top:10px; left:500px; list-style:none; height:10px;}
.deptpagination li { float:left; height:15px; width:15px; border-radius:10px; background-color:#ffffff; margin-right:5px; }
.deptpagination li:hover, li.current { background-color:#808080; }
.DeptCategoryTable { width:570px; margin-top:25px; margin-left: 5px;
}
.DeptCategoryTitle h4 { font-family: Roboto ,Arial, sans-serif; font-style: normal; font-weight: 400;
padding:7px 15px;
margin:0px 0px 5px 0px;
font-size:17px;
background-color:#327BB8;
color:#fff;
}
.DeptCategoryBox {
float:left;
width:110px;
height:140px;
min-height:140px;
padding:10px 14px;
margin:10px 0px; text-align: center;
}
.DeptCategoryImage {
width:110px;
height:110px;
margin-bottom:5px;
}
.DeptCategoryLink { font-family: Roboto ,Arial, sans-serif; font-style: normal; font-weight: 400;
font-size:14px;
line-height:1em;
color:#353535!important;
font-weight:normal!important;
text-decoration:none;
}
.DeptCategoryLink:hover { color: red!important; text-decoration: none!important;
}
.DeptPromoRight {
width:200px;
float:right; margin-right: 8px;
}
.DeptListRight { border-radius:2px; margin-bottom:10px; background-color:#fff; text-align:left;
}
.DeptListRight ul{ padding:10px 0px; margin:0 5px 0 10px;
}
.DeptListRight li { font-family: Roboto ,Arial, sans-serif; font-style: normal; font-weight: 400; font-size:12px; line-height:1.5em; margin-bottom:4px;
}
#freeshipping { <!--For brands that offer Free Shipping--> color: green;
}
.DeptListRight a { text-decoration: none;
}
.DeptListRight a:hover { color: red; cursor:pointer;
}
.DeptPromoBanner { width:200px; margin-bottom:15px; cursor:pointer;
}
.DeptLandingFooter { clear:both;
margin-top:20px;
padding:15px; border-top: 1px solid #ddd;
}
.DeptLandingFooter h5 { font-family: Roboto , Arial, sans-serif; font-style: normal; font-weight: 700;
font-size:20px;
padding:5px 0px 10px 0px;
margin:0;
}
.DeptLandingFooter p { font-family: Roboto ,Arial, sans-serif; font-style: normal; font-weight: 400;
font-size:13px;
padding:5px 0px 15px 0px;
margin:0;
line-height:1.3em;
}
</style>
<script type="text/javascript" src="http://images.patioproductsusa.com/site/common/splash/slideshow_script.js"></script>
<div class="DeptContainer"> <div class="DeptTitle"> <img id="SiteContentPlaceHolder_MainContentPlaceHolder_Header_HeaderLogoImage" src="http://images.patioproductsusa.com/site/Theme/www_shadesailusa_com/shadesailusa_logo.png">
<div class="PhoneText"> Toll Free (855) 298-4922 <a id="SiteContentPlaceHolder_MainContentPlaceHolder_Header_HyperlinkHeader5" class="Link5" href="http://www.shadesailusa.com/content/contact-us/info.aspx" title="Customer Service Hours">Mon - Fri 5a - 6p PST | Sat & Sun 6a - 3p PST</a>
</div> </div> <!-- CLOSE DeptTitle--> <div class="DeptContentWrap"> <div class="DeptLeftNav"> <h3>Shop Shade Sail USA</h3> <ul> <li><a href="http://www.shadesailusa.com/Patio-Shading_Shade-Sails/36-745-0-0/list.aspx">All Shade Sails</a></li> <li><a href="http://www.shadesailusa.com/Patio-Shading_Shade-Sails_Rectangle-Shade-Sails/36-745-1367-0/list.aspx">Rectangle Shade Sails</a></li> <li><a href="http://www.shadesailusa.com/Patio-Shading_Shade-Sails_Square-Shade-Sails/36-745-1366-0/list.aspx">Square Shade Sails</a></li> <li><a href="http://www.shadesailusa.com/Patio-Shading_Shade-Sails_Triangle-Shade-Sails/36-745-1365-0/list.aspx">Triangle Shade Sails</a></li> <li><a href="http://www.shadesailusa.com/Patio-Shading_Sun-Shades/36-746-0-0/list.aspx">Sun Shades</a></li> <li><a href="http://www.shadesailusa.com/Patio-Shading_Accessories/36-763-0-0/list.aspx">Shading Accessories</a></li> </ul> <h3>Buying Guides</h3> <ul> <li><a href="http://www.shadesailusa.com/content/buying-guide/info.aspx">Buying Guide</a></li> <li><a href="http://www.shadesailusa.com/content/design-gallery/info.aspx">Design Gallery</a></li> <li><a href="http://www.shadesailusa.com/content/sail-installation/info.aspx">Installation Instructions</a></li> </ul> <h3>Help</h3> <ul> <li><a href="http://www.shadesailusa.com/secure/returns.aspx">Request a Return/Replacement</a></li> <li><a href="http://www.shadesailusa.com/content/customerservice/info.aspx">Customer Service Center</a></li> <li><a href="http://www.shadesailusa.com/content/shipping/info.aspx">Shipping Info</a></li> <li><a href="http://www.shadesailusa.com/content/about-us/info.aspx">About Us</a></li> <li><a href="http://www.shadesailusa.com/content/contact-us/info.aspx">Contact Us</a></li> </ul>
</div> <!-- CLOSE DeptLeftNav--> <div class="DeptContentCenter"> <div class="DeptHeroWrap"> <!--HERO SLIDER BEGINS HERE--> <div id="DeptHeroSliderWrap"> <div id="DeptHeroSliderContainer"> <div style="overflow: hidden;" id="DeptHeroSlider"> <ul style="left: 0px; width: 0px;"> <li><a href="http://www.shadesailusa.com/content/contact-us/info.aspx?home=1"><img src="http://images.patioproductsusa.com/site/common/dept/Shade-Sails/hero-custom.jpg" alt="Custom Sails"></a></li> </ul> </div> <!--close DeptHeroSlider--> </div> <!--close DeptHeroSliderContainter--> </div> <!--close DeptHeroSliderWrap--> <script type="text/javascript">
var slideshow=new TINY.slider.slide('slideshow',{ id:'DeptHeroSlider', auto:7, resume:true, vertical:false, navid:'deptpagination', activeclass:'current', position:0, rewind:false, elastic:false
});
</script> </div> <!--close DeptHeroWrap--> <!--DeptCategoryTable BEGINS -->
<div class="DeptCategoryTable"> <div class="DeptCategoryTitle"> <h4>Shop Shade Sail USA</h4> </div> <div class="DeptCategoryBox"> <a href="http://www.shadesailusa.com/Patio-Shading_Shade-Sails/36-745-0-0/list.aspx"><img class="DeptCategoryImage" src="http://images.patioproductsusa.com/site/common/dept/Shade-Sails/Category-Images/Sails.jpg" alt="Shade Sails"></a><br> <b><a class="DeptCategoryLink" href="http://www.shadesailusa.com/Patio-Shading_Shade-Sails/36-745-0-0/list.aspx">Shade Sails</a></b> </div> <div class="DeptCategoryBox"> <a href="http://www.shadesailusa.com/Patio-Shading_Sun-Shades/36-746-0-0/list.aspx"><img class="DeptCategoryImage" src="http://images.patioproductsusa.com/site/common/dept/Shade-Sails/Category-Images/Sun-Shades.jpg" alt="Sun Shades"></a><br> <b><a class="DeptCategoryLink" href="http://www.shadesailusa.com/Patio-Shading_Sun-Shades/36-746-0-0/list.aspx">Sun Shades</a></b> </div> <div class="DeptCategoryBox"> <a href="http://www.shadesailusa.com/Patio-Shading_Accessories/36-763-0-0/list.aspx"><img class="DeptCategoryImage" src="http://images.patioproductsusa.com/site/common/dept/Shade-Sails/Category-Images/Accessories.jpg" alt="Shading Accessories"></a><br> <b><a class="DeptCategoryLink" href="http://www.shadesailusa.com/Patio-Shading_Accessories/36-763-0-0/list.aspx">Shading Accessories</a></b> </div>
<div style="clear: both;" class="DeptCategoryTitle"> <h4>Shade Sails by Shape</h4> </div> <div class="DeptCategoryBox"> <a href="http://www.shadesailusa.com/Patio-Shading_Shade-Sails_Triangle-Shade-Sails/36-745-1365-0/list.aspx"><img class="DeptCategoryImage" src="http://images.patioproductsusa.com/site/common/dept/Shade-Sails/Category-Images/Triangle.jpg" alt="Triangle Shade Sails"></a><br> <b><a class="DeptCategoryLink" href="http://www.shadesailusa.com/Patio-Shading_Shade-Sails_Triangle-Shade-Sails/36-745-1365-0/list.aspx">Triangle Shade Sails</a></b> </div> <div class="DeptCategoryBox"> <a href="http://www.shadesailusa.com/Patio-Shading_Shade-Sails_Square-Shade-Sails/36-745-1366-0/list.aspx"><img class="DeptCategoryImage" src="http://images.patioproductsusa.com/site/common/dept/Shade-Sails/Category-Images/Square.jpg" alt="Square Shade Sails"></a><br> <b><a class="DeptCategoryLink" href="http://www.shadesailusa.com/Patio-Shading_Shade-Sails_Square-Shade-Sails/36-745-1366-0/list.aspx">Square Shade Sails</a></b> </div> <div class="DeptCategoryBox"> <a href="http://www.shadesailusa.com/Patio-Shading_Shade-Sails_Rectangle-Shade-Sails/36-745-1367-0/list.aspx"><img class="DeptCategoryImage" src="http://images.patioproductsusa.com/site/common/dept/Shade-Sails/Category-Images/Rectangle.jpg" alt="Rectangle Shade Sails"></a><br> <b><a class="DeptCategoryLink" href="http://www.shadesailusa.com/Patio-Shading_Shade-Sails_Rectangle-Shade-Sails/36-745-1367-0/list.aspx">Rectangle Shade Sails</a></b> </div>
<div style="clear: both;"> </div> </div> <!--CLOSE DeptContentCenter--> </div> <!--CLOSE DeptContentWrap --> <div class="DeptPromoRight"> <div class="DeptListRight"> <ul> <li><a onclick="window.open('/generic_content_popout.aspx?_content_=POLICY','Policies','resizable=yes,scrollbars=yes,toolbar=no,width=670,height=750');
return false;" onblur="this.blur();">Customizable</a>
</li> <li><a onclick="window.open('/generic_content_popout.aspx?_content_=shipping','Policies','resizable=yes,scrollbars=yes,toolbar=no,width=670,height=750');
return false;" onblur="this.blur();">Free Shipping</a>
</li> <li><a onclick="window.open('/generic_content_popout.aspx?_content_=extendedwarranty','Policies','resizable=yes,scrollbars=yes,toolbar=no,width=670,height=750');
return false;" onblur="this.blur();">Extended Warranty</a>
</li> </ul> </div><!--CLOSE DeptListRight--> <a href="http://www.shadesailusa.com/content/design-gallery/info.aspx?home=1"><img class="DeptPromoBanner" src="http://images.patioproductsusa.com/site/common/dept/Shade-Sails/rightnav-gallery1.jpg" alt="Design Gallery"></a> <a href="http://www.shadesailusa.com/content/buying-guide/info.aspx?home=1"><img class="DeptPromoBanner" src="http://images.patioproductsusa.com/site/common/dept/Shade-Sails/rightnav-buying1.jpg" alt="Buying Guide"></a> <a href="http://www.shadesailusa.com/content/sail-installation/info.aspx?home=1"><img class="DeptPromoBanner" src="http://images.patioproductsusa.com/site/common/dept/Shade-Sails/rightnav-installation1.jpg" alt="Installation Guide"></a> </div> <!--close deptheroright--> <div class="DeptLandingFooter"> <h5>About Shade Sails</h5> <div align="center"><img src="http://images.patioproductsusa.com/site/common/dept/Shade-Sails/text-image.jpg" title="Shade Sails" alt="Shade Sails"></div><br>
<p> <strong>Shade Sails</strong> are the upgrade to the umbrella. They are usually more permanently installed and are made of a high grade fabric that allows some sunlight to peek through and offers warranties between 5 to 10 years. With a wide array of colors available, it will be easy to find a <strong>shade sail</strong> that matches your outdoor décor. Anchor points are required to install a <strong>shade sail</strong>, usually ground installed poles, roof lines, walls, or any other object that will hold the tension of the sail. The sail connects to the anchor points with D-Rings in the corners with cables, chains, shackles or turn buckles which create tension, making the fabric taut. With the tension process, <strong>shade sails</strong> can withstand stronger winds and harsher weather than patio umbrellas, which makes them an excellent choice for areas with inclement weather conditions. Since the shade is installed above the area in need of shading, no floor space is taken up, making them ideal for restaurants, country club and hotels. <strong>Shade Sails</strong> allow for more space in your outdoor area and protect an area without closing in much of the space, as umbrellas do.</p>
<p><strong>Shade Sails</strong> come in all sorts of color, shapes and sizes, making them a dream for designers. Shades vary from 9 to 18 feet, meaning larger areas can be shaded, and can be found in triangular, square, rectangular and even hexagon shapes. With such a large variety of <strong>shade sails</strong>, it should be no trouble to find a shade to match your outdoor decoration style and turn your outdoor space into your own paradise. If you cannot find the right color, size or shape, custom sails can be made to meet your needs. <strong>Shade sails</strong> are a great alternative to awnings, umbrellas, carports and patio enclosures.</p>
<p>If a <strong>shade sail</strong> sounds like a good fit for your next shading project, we invite you to learn more from the <strong>shade sail</strong> experts at <em>ShadeSailUSA</em>.</p> </div><!--CLOSE DeptLandingFooter -->
</div>
<!-- CLOSE DeptContainer --></div>
</body>
</html>
Developer | Jason Angle |
Username | jasonangle |
Uploaded | July 29, 2022 |
Rating | 3 |
Size | 4,867 Kb |
Views | 42,504 |
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 |
Contact us for a deal | 2,056 Kb |
Homepage layout | 1,771 Kb |
1STOP policy page | 2,943 Kb |
Extended Warranty | 3,226 Kb |
1STOP old policy page | 2,858 Kb |
Besa - Dept Page | 6,204 Kb |
Bathroom - Dept page | 6,563 Kb |
Privacy Policy | 2,513 Kb |
Hub Forge Canada Ad | 2,143 Kb |
Customerservice | 1,692 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 |
Parallax.js | Zmeeey5 | 2,330 Kb |
SVG email test v2.0 | M_J_Robbins | 2,090 Kb |
Algorithm practice | Abensur | 5,620 Kb |
Fun form with currentColor | Bnthor | 2,713 Kb |
Starting out with Ember.JS | Cfleschhut | 4,808 Kb |
Learning FlexBox | Alex_rodrigues | 2,821 Kb |
Medium Menu | Lucasmotta | 3,923 Kb |
Svg sky | Omodev | 7,070 Kb |
Text Blocks Over Image, Updated | KatieK2 | 3,122 Kb |
Email Marketing Mock | Kristenzirkler | 8,224 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!