Anthony Raffini

Developer
Anthony Raffini
Size
8,549 Kb
Views
32,384
  1. Anthony Raffini Previews
  2. Anthony Raffini HTML Codes
  3. Anthony Raffini CSS Codes
  4. Anthony Raffini JS Codes

How do I make an anthony raffini?

What is a anthony raffini? How do you make a anthony raffini? This script and codes were developed by Anthony Raffini on 12 September 2022, Monday.

Anthony Raffini Previews
IQ Test

Anthony Raffini - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>Anthony Raffini</title> <meta name="viewport" content="width=device-width, initial-scale=1">
<link rel='shortcut icon' href='favicon.ico' type='image/x-icon'/ >
<link rel="apple-touch-icon" sizes="57x57" href="img/favicon/apple-icon-57x57.png"> <link rel="apple-touch-icon" sizes="60x60" href="img/favicon/apple-icon-60x60.png"> <link rel="apple-touch-icon" sizes="72x72" href="img/favicon/apple-icon-72x72.png"> <link rel="apple-touch-icon" sizes="76x76" href="img/favicon/apple-icon-76x76.png"> <link rel="apple-touch-icon" sizes="114x114" href="img/favicon/apple-icon-114x114.png"> <link rel="apple-touch-icon" sizes="120x120" href="img/favicon/apple-icon-120x120.png"> <link rel="apple-touch-icon" sizes="144x144" href="img/favicon/apple-icon-144x144.png"> <link rel="apple-touch-icon" sizes="152x152" href="img/favicon/apple-icon-152x152.png"> <link rel="apple-touch-icon" sizes="180x180" href="img/favicon/apple-icon-180x180.png"> <link rel="icon" type="image/png" sizes="192x192" href="img/favicon/android-icon-192x192.png"> <link rel="icon" type="image/png" sizes="32x32" href="img/favicon/favicon-32x32.png"> <link rel="icon" type="image/png" sizes="96x96" href="img/favicon/favicon-96x96.png"> <link rel="icon" type="image/png" sizes="16x16" href="img/favicon/favicon-16x16.png"> <link rel="manifest" href="/manifest.json"> <meta name="msapplication-TileColor" content="#ffffff"> <meta name="msapplication-TileImage" content="ms-icon-144x144.png" > <meta name="theme-color" content="#000000"> <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> <script src="//code.jquery.com/jquery-1.11.3.min.js"></script>
<a id="Top"></a>
<main> <!-- Navigation --> <nav>	<ul id="navleft"> <li id="name">Anthony Raffini</li> <li><a href="#Top" class="smoothscroll">Blog</a></li> <li><a href="#Experience" class="smoothscroll">Experience</a></li> <li><a href="#Portfolio" class="smoothscroll">Portfolio</a></li>	</ul>	<ul id="navright"> <li> <a href="#Contact"><img src="https://rottingroom.github.io/img/icons/email.png"></a> </li> <li> <a target="_blank" href="https://www.facebook.com/anthony.raffini"><img src="https://rottingroom.github.io/img/icons/facebook.png"></a> </li> <li> <a target="_blank" href="https://plus.google.com/u/0/103702107713131261800"><img src="https://rottingroom.github.io/img/icons/google.png"></a> </li>	</ul>	<a href="#Top" id="logolink" class="smoothscroll"><img id="logo" src="https://rottingroom.github.io/img/logo.jpg"></a> </nav>	<div class="spacer">&nbsp;</div> <!-- Header --> <header> <div class="container"> <img src="https://rottingroom.github.io/img/me.jpg" alt="My Pic"> <p>I am aspiring to be a proficient graphic designer. A few years ago, I became a father of three and had the opportunity to sail the Seven Sea's in America's Finest Navy. That experience earned me the right to a free education at Eastern Washington University where I'm attempting a BFA in Visual Communication Design.</p> </div> </header>	<div class="moveright">	<!-- Blog -->	<section>	<div class="container">	<!-- <script language="JavaScript" src="http://feed2js.org//feed2js.php?src=http%3A%2F%2Ftraffini.blogspot.com%2Fatom.xml&num=8&date=y&tz=-7&targ=y&utf=y&html=a" charset="UTF-8" type="text/javascript"></script>	<noscript>	<a href="http://feed2js.org//feed2js.php?src=http%3A%2F%2Ftraffini.blogspot.com%2Fatom.xml&num=8&date=y&tz=-7&targ=y&utf=y&html=y">View RSS feed</a>	</noscript> -->	<script language="JavaScript" src="http://feed2js.org//feed2js.php?src=http%3A%2F%2Frottingroom.tumblr.com%2Frss&num=8&date=y&tz=-8&targ=y&utf=y&html=a" charset="UTF-8" type="text/javascript"></script>	<noscript>	<a href="http://feed2js.org//feed2js.php?src=http%3A%2F%2Frottingroom.tumblr.com%2Frss&num=8&date=y&tz=-8&targ=y&utf=y&html=y">View RSS feed</a>	</noscript>	</div>	</section>	<!-- Resume -->	<article>	<a id="Experience"></a>	<div class="container">	<!-- Education -->	<div> <h2>Education</h2> <h4>Eastern Washington University (2015-present)</h4> <ul> <li><p>B.F.A. in Visual Communication Design (In Progress)</p></li> </ul> <h4>Spokane Falls Community College (2000-2002)</h4> <ul> <li><p>A.A. in General Studies</p></li> </ul>	</div>	<!-- Work -->	<div> <h2>Work</h2> <h4>Reachback Coordinator, US Navy (October 2012 – February 2015)</h4> <ul> <li> <p>Developed training curriculum and standard operating procedures for incoming trainees resulting in the punctual delivery of more than 1500 products.</p> </li> <li> <p>Advertised capabilities of program to clients resulting in an 20% increase of product requests.</p> </li> <li> <p>Delivered high profile briefs to officers and commanding officers.</p> </li> <li> <p>Created templates that streamlined the product creation process resulting in a 30% decrease in time to complete while simultaneously pleasing customers with a final products that featured better user experiences, both functionally and aesthetically.</p> </li> </ul> <h4>Assistant Recruiter, US Navy (August 2012 – October 2012)</h4> <ul> <li> <p>Spread awareness of mission statement and benefits to potential clients throughout regional schools and businesses.</p> </li> <li> <p>Educated and trained 50 recruits by preparing and executing weekly meetings.</p> </li> <li> <p>Provided government transportation for potential clients to meetings, medical examinations and training sessions.</p> </li> </ul> <h4>Meteorological Tech, US Navy (February 2011 – August 2012)</h4> <ul> <li> <p>Successfully tracked the logging of over 1,500 hours of 4 junior &amp; senior personnel toward two separate trades.</p> </li> <li> <p>Recorded 490 weather observations to produce 1,160 meteorological products that resulted in 70 hours of mishap free flight and well-deck operations.</p> </li> <li> <p>Developed templates used by entire department that impressed audiences and cut the time required to develop briefs by an average of 15 minutes.</p> </li> <li> <p>Demonstrated experimental proficiency by launching 10 weather balloons in order to test the accuracy of forecasts and models.</p> </li> <li> <p>Ensured a secret inventory of 70 items that were accounted for on a daily basis and properly disposed of classified material as necessary.</p> </li> </ul> <h4>Courier, DHL (July 2006 – October 2010)</h4> <ul> <li> <p>Assisted in sorting and dissemination of tens of thousands of lbs of freight resulting in punctual delivery to clients throughout Eastern Washington and Northern Idaho.</p> </li> <li> <p>Distributed freight to assigned routes ahead of schedule, resulting in routine volunteering of assistance to co-workers in order to meet deadlines.</p> </li> <li> <p>Redesigned driver routes for maximum efficiency culminating in happier customers and happier employees as freight was dispersed faster and lunches and breaks could be utilized more often.</p> </li> <li> <p>Facilitated training of new employees, demonstrating proficient methods that should be utilized to ensure logistical success.</p> </li> </ul> <h4>Driver, Peking Palace (January 2000 – July 2006)</h4> <ul> <li> <p>Displayed outstanding customer service with expert knowledge of services.</p> </li> <li> <p>Able to answer questions and identify customer needs.</p> </li> <li> <p>Managed and supervised new employees and developed fair schedules.</p> </li> <li> <p>Consistently displayed courteous and professional behavior and maintained a clean appearance.</p> </li> </ul>	</div>	<form method="get" action="https://rottingroom.github.io/RaffiniAnthony.pdf"> <button type="submit">Download</button>	</form>	</div>	</article>	</div> <!-- Portfolio --> <aside>	<a id="Portfolio"></a> <div class="container">	<div class="space">&nbsp;</div>	<!-- thumbnails -->	<a href="#img1" id="gallery"><img src="https://raw.githubusercontent.com/rottingroom/rottingroom.github.io/master/img/portfolio/thumbnail/calendar.jpg"></a>	<a href="#img2" id="gallery"><img src="https://raw.githubusercontent.com/rottingroom/rottingroom.github.io/master/img/portfolio/thumbnail/dada.jpg"></a>	<a href="#img3" id="gallery"><img src="https://raw.githubusercontent.com/rottingroom/rottingroom.github.io/master/img/portfolio/thumbnail/draw1.jpg"></a>	<a href="#img4" id="gallery"><img src="https://raw.githubusercontent.com/rottingroom/rottingroom.github.io/master/img/portfolio/thumbnail/draw2.jpg"></a>	<a href="#img5" id="gallery"><img src="https://raw.githubusercontent.com/rottingroom/rottingroom.github.io/master/img/portfolio/thumbnail/ink.jpg"></a>	<a href="#img6" id="gallery"><img src="https://raw.githubusercontent.com/rottingroom/rottingroom.github.io/master/img/portfolio/thumbnail/DirectionalType.jpg"></a>	<a href="#img7" id="gallery"><img src="https://raw.githubusercontent.com/rottingroom/rottingroom.github.io/master/img/portfolio/thumbnail/shirts.jpg"></a>	<a href="#img8" id="gallery"><img src="https://raw.githubusercontent.com/rottingroom/rottingroom.github.io/master/img/portfolio/thumbnail/schwartz1.jpg"></a>	<a href="#img9" id="gallery"><img src="https://raw.githubusercontent.com/rottingroom/rottingroom.github.io/master/img/portfolio/thumbnail/schwartz2.jpg"></a>	<a href="#img10" id="gallery"><img src="https://raw.githubusercontent.com/rottingroom/rottingroom.github.io/master/img/portfolio/thumbnail/brody1.jpg"></a>	<a href="#img11" id="gallery"><img src="https://raw.githubusercontent.com/rottingroom/rottingroom.github.io/master/img/portfolio/thumbnail/brody2.jpg"></a>	<a href="#img12" id="gallery"><img src="https://raw.githubusercontent.com/rottingroom/rottingroom.github.io/master/img/portfolio/thumbnail/colors.jpg"></a>	<a href="#img13" id="gallery"><img src="https://raw.githubusercontent.com/rottingroom/rottingroom.github.io/master/img/portfolio/thumbnail/cd1.jpg"></a>	<a href="#img14" id="gallery"><img src="https://raw.githubusercontent.com/rottingroom/rottingroom.github.io/master/img/portfolio/thumbnail/cd2.jpg"></a>	<a href="#img15" id="gallery"><img src="https://raw.githubusercontent.com/rottingroom/rottingroom.github.io/master/img/portfolio/thumbnail/coasters1.jpg"></a>	<a href="#img16" id="gallery"><img src="https://raw.githubusercontent.com/rottingroom/rottingroom.github.io/master/img/portfolio/thumbnail/coasters2.jpg"></a>	<a href="#img17" id="gallery"><img src="https://raw.githubusercontent.com/rottingroom/rottingroom.github.io/master/img/portfolio/thumbnail/coasters3.jpg"></a>	<a href="#img18" id="gallery"><img src="https://raw.githubusercontent.com/rottingroom/rottingroom.github.io/master/img/portfolio/thumbnail/glyph1.jpg"></a>	<a href="#img19" id="gallery"><img src="https://raw.githubusercontent.com/rottingroom/rottingroom.github.io/master/img/portfolio/thumbnail/glyph2.jpg"></a>	<a href="#img20" id="gallery"><img src="https://raw.githubusercontent.com/rottingroom/rottingroom.github.io/master/img/portfolio/thumbnail/Kimchi.jpg"></a>	<a href="#img21" id="gallery"><img src="https://raw.githubusercontent.com/rottingroom/rottingroom.github.io/master/img/portfolio/thumbnail/wine1.jpg"></a>	<a href="#img22" id="gallery"><img src="https://raw.githubusercontent.com/rottingroom/rottingroom.github.io/master/img/portfolio/thumbnail/wine2.jpg"></a>	<a href="#img23" id="gallery"><img src="https://raw.githubusercontent.com/rottingroom/rottingroom.github.io/master/img/portfolio/thumbnail/kids.jpg"></a>	<a href="#img24" id="gallery"><img src="https://raw.githubusercontent.com/rottingroom/rottingroom.github.io/master/img/portfolio/thumbnail/stamp.jpg"></a>	<!-- lightbox images -->	<a href="#_" class="lightbox" id="img1">	<figure>	<img src="https://raw.githubusercontent.com/rottingroom/rottingroom.github.io/master/img/portfolio/calendar.jpg">	<figcaption>This poster was made for Graphic Design History as a Visual Calendar for the class.</figcaption>	</figure>	</a>	<a href="#_" class="lightbox" id="img2">	<figure>	<img src="https://raw.githubusercontent.com/rottingroom/rottingroom.github.io/master/img/portfolio/dada.jpg">	<figcaption>A DADA style poster inspired by the propaganda of WWII.</figcaption>	</figure>	</a>	<a href="#_" class="lightbox" id="img3">	<figure>	<img src="https://raw.githubusercontent.com/rottingroom/rottingroom.github.io/master/img/portfolio/draw1.jpg">	<figcaption>Life drawing piece done by removal of charcoal w/ eraser.</figcaption>	</figure>	</a>	<a href="#_" class="lightbox" id="img4">	<figure>	<img src="https://raw.githubusercontent.com/rottingroom/rottingroom.github.io/master/img/portfolio/draw2.jpg">	<figcaption>Life drawing piece.</figcaption>	</figure>	</a>	<a href="#_" class="lightbox" id="img5">	<figure>	<img src="https://raw.githubusercontent.com/rottingroom/rottingroom.github.io/master/img/portfolio/ink.jpg">	<figcaption>Final Project for Drawing for Communication. Tells a story of my initial time here after the Navy.</figcaption>	</figure>	</a>	<a href="#_" class="lightbox" id="img6">	<figure>	<img src="https://raw.githubusercontent.com/rottingroom/rottingroom.github.io/master/img/portfolio/DirectionalType.jpg">	<figcaption>Directional type piece that illustrates my route from home to school via Typography.</figcaption>	</figure>	</a>	<a href="#_" class="lightbox" id="img7">	<figure>	<img src="https://raw.githubusercontent.com/rottingroom/rottingroom.github.io/master/img/portfolio/shirts.jpg">	<figcaption>My first shirts!</figcaption>	</figure>	</a>	<a href="#_" class="lightbox" id="img8">	<figure>	<img src="https://raw.githubusercontent.com/rottingroom/rottingroom.github.io/master/img/portfolio/schwartz1.jpg">	<figcaption>Book made in VCD 2 for the architecture firm Schwartz Silver.</figcaption>	</figure>	</a>	<a href="#_" class="lightbox" id="img9">	<figure>	<img src="https://raw.githubusercontent.com/rottingroom/rottingroom.github.io/master/img/portfolio/schwartz2.jpg">	<figcaption>Book made in VCD 2 for the architecture firm Schwartz Silver.</figcaption>	</figure>	</a>	<a href="#_" class="lightbox" id="img10">	<figure>	<img src="https://raw.githubusercontent.com/rottingroom/rottingroom.github.io/master/img/portfolio/brody1.jpg">	<figcaption>Experimental type exploration using a portrait of Neville Brody.</figcaption>	</figure>	</a>	<a href="#_" class="lightbox" id="img11">	<figure>	<img src="https://raw.githubusercontent.com/rottingroom/rottingroom.github.io/master/img/portfolio/brody2.jpg">	<figcaption>2nd experimental type exploration using a portrait of Neville Brody.</figcaption>	</figure>	</a>	<a href="#_" class="lightbox" id="img12">	<figure>	<img src="https://raw.githubusercontent.com/rottingroom/rottingroom.github.io/master/img/portfolio/colors.jpg">	<figcaption>Experimenting with making brushes in Photoshop.</figcaption>	</figure>	</a>	<a href="#_" class="lightbox" id="img13">	<figure>	<img src="https://raw.githubusercontent.com/rottingroom/rottingroom.github.io/master/img/portfolio/cd1.jpg">	<figcaption>Mock album cover for Let Down by Radiohead.</figcaption>	</figure>	</a>	<a href="#_" class="lightbox" id="img14">	<figure>	<img src="https://raw.githubusercontent.com/rottingroom/rottingroom.github.io/master/img/portfolio/cd2.jpg">	<figcaption>Mock CD label for Let Down by Radiohead.</figcaption>	</figure>	</a>	<a href="#_" class="lightbox" id="img15">	<figure>	<img src="https://raw.githubusercontent.com/rottingroom/rottingroom.github.io/master/img/portfolio/coasters1.jpg">	<figcaption>Coasters made via homemade image transfer solution.</figcaption>	</figure>	</a>	<a href="#_" class="lightbox" id="img16">	<figure>	<img src="https://raw.githubusercontent.com/rottingroom/rottingroom.github.io/master/img/portfolio/coasters2.jpg">	<figcaption>Coasters made via homemade image transfer solution.</figcaption>	</figure>	</a>	<a href="#_" class="lightbox" id="img17">	<figure>	<img src="https://raw.githubusercontent.com/rottingroom/rottingroom.github.io/master/img/portfolio/coasters3.jpg">	<figcaption>Coasters made via homemade image transfer solution.</figcaption>	</figure>	</a>	<a href="#_" class="lightbox" id="img18">	<figure>	<img src="https://raw.githubusercontent.com/rottingroom/rottingroom.github.io/master/img/portfolio/glyph1.jpeg">	<figcaption>Original glyphs made for Typography.</figcaption>	</figure>	</a>	<a href="#_" class="lightbox" id="img19">	<figure>	<img src="https://raw.githubusercontent.com/rottingroom/rottingroom.github.io/master/img/portfolio/glyph2.jpeg">	<figcaption>Original glyphs made for Typography.</figcaption>	</figure>	</a>	<a href="#_" class="lightbox" id="img20">	<figure>	<img src="https://raw.githubusercontent.com/rottingroom/rottingroom.github.io/master/img/portfolio/Kimchi.jpg">	<figcaption>A spread desribing how to make Kimchi.</figcaption>	</figure>	</a>	<a href="#_" class="lightbox" id="img21">	<figure>	<img src="https://raw.githubusercontent.com/rottingroom/rottingroom.github.io/master/img/portfolio/wine1.jpg">	<figcaption>Final VCD 1 project in which a mock wine product was labeled and packaged.</figcaption>	</figure>	</a>	<a href="#_" class="lightbox" id="img22">	<figure>	<img src="https://raw.githubusercontent.com/rottingroom/rottingroom.github.io/master/img/portfolio/wine2.jpg">	<figcaption>Final VCD 1 project in which a mock wine product was labeled and packaged.</figcaption>	</figure>	</a>	<a href="#_" class="lightbox" id="img23">	<figure>	<img src="https://raw.githubusercontent.com/rottingroom/rottingroom.github.io/master/img/portfolio/kids.jpg">	<figcaption>Composite of my kids.</figcaption>	</figure>	</a>	<a href="#_" class="lightbox" id="img24">	<figure>	<img src="https://raw.githubusercontent.com/rottingroom/rottingroom.github.io/master/img/portfolio/stamp.jpg">	<figcaption>Stamp project.</figcaption>	</figure>	</a> </div> </aside> <!-- Footer --> <footer> <div class="container"> <p>&copy; Anthony Raffini 2016</p> </div> </footer>
</main>
<!-- Contact Form -->
<div class="lightbox" id="Contact">	<div id="formcontainer"> <form action="//formspree.io/[email protected]" method="POST"> <!-- Name --> <label for="name">Who are you?</label> <input type="text" name="name" placeholder="Joe Smith"> <!-- Email --> <label for="_replyto">Email?</label> <input type="email" name="_replyto" placeholder="[email protected]"> <!-- Message --> <label for="message">Your Message?</label> <textarea name="message" id="" placeholder="Type here..."></textarea> <!-- Hidden Field --> <input type="text" name="_gotcha" style="display:none" /> <!-- Next --> <input type="hidden" name="_next" value="https://s.codepen.io/rottingroom/debug/yemKOj" /> <!-- Submit Button --> <input type="submit" value="Send me Spam!"> <!-- Cancel Button --> <a href="#_">Cancel</a> </form>	</div>
</div> <script src='http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script> <script src="js/index.js"></script>
</body>
</html>

Anthony Raffini - Script Codes CSS Codes

@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed);
body { background: url(https://wallpaperscraft.com/image/laptop_room_on_the_desk_keyboard_mouse_apple_window_interior_73963_1920x1080.jpg); background-size: cover; background-repeat: no-repeat; background-attachment: fixed
}
/* Typography */
body { color: #000; line-height: 1.5em; font-family: 'Roboto Condensed', sans-serif; font-size: 15px;
}
p { font-size: .94em;
}
h1 { font-size: 2em;
}
h2 { font-size: 1.2em; color: #A65B4B;
}
h3 { font-size: 1.4em;
}
h4 { font-weight: bold; margin-bottom: -10px;
}
/* Navigation */
nav { background: black; box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3);
}
nav a:link,
nav a:visited { font-weight: 600; color: #A65B4B; outline: #A65B4B; padding: 21px 5px; margin: 0; text-decoration: none;
}
nav a:focus,
nav a:hover { font-weight: 500; background: #A65B4B; color: white; -webkit-transition: background .5s; transition: background .5s;
}
#navright a:focus,
#navright a:hover { background: white;
}
#navleft ul { width: 70%;
}
#navright ul { width: 30%;
}
ul#navleft {	-webkit-animation: slideRight .5s; animation: slideRight .5s;
}
ul#navright {	-webkit-animation: slideLeft .5s; animation: slideLeft .5s;
}
@-webkit-keyframes slideLeft {	from { -webkit-transform: translateX(200px); transform: translateX(200px) }	to { }
}
@keyframes slideLeft {	from { -webkit-transform: translateX(200px); transform: translateX(200px) }	to { }
}
@-webkit-keyframes slideRight {	from { -webkit-transform: translateX(-200px); transform: translateX(-200px) }	to { }
}
@keyframes slideRight {	from { -webkit-transform: translateX(-200px); transform: translateX(-200px) }	to { }
}
#navleft { float: left;
}
#navright { float: right;
}
nav ul { height: 60px; padding: 0; margin: 0;
}
nav li { display: inline; color: #999; font-weight: 600; list-style-type: none;
}
#navleft li { margin: 0 10px;
}
#navright li { float: right; height: 60px; width: 60px; padding: 0;
}
#navright a:link,
#navright a:visited { float: right; display: block; height: 30px; width: 30px; padding: 6px; margin: 9px; border-radius: 250px;
}
#navright img { float: right; height: 30px; width: 30px; padding: 0;
}
#logolink { width: 50px; height: 50px; position: absolute; left: 0; right: 0; top: 0; padding: 5px; margin-left: auto; margin-right: auto; border-radius: 2px;
}
#logo { width: 50px; height: 50px;
}
.spacer {	width: 100%;	height: 60px;
/*	margin-bottom: 10px; */
}
/* Header */
header img {	-webkit-transition: all .8s;	transition: all .8s;	margin-bottom: 5px;	z-index: 501; position: relative; top: -5px; left: -30px; width: 380px; border-radius: 3px 3px 0 0; float: left;
}
/* Blog */
.rss-items { color: gray; background: white; padding: 0;	font-size: 1em;
}
.rss-item { list-style-type: none; text-decoration: none;	font-size: 1em;
}
.rss-item figure {	position: static;	float: none;	width: 100%;
}
.rss-item figure img {	position: relative;	right: 40px;	width: 100%;
}
iframe {	position: relative;	width: 100%;	padding: 0;	margin: 0;	left: -40px;
}
.rss-item a:link,
.rss-item a:visited { color: #A65B4B; font-size: 1.2em; font-weight: bold;	border-radius: 2px;
}
.rss-item a:focus,
.rss-item a:hover { background: #A65B4B; color: white;	-webkit-transition: background .5s;	transition: background .5s;
}
.rss-date { display: block; margin-top: 10px; font-size: 10pt;
}
section a img {	padding: 5px 5px 2px 5px;
}
/* Portfolio */
aside .container { background: black; border-radius: 3px 3px 0 0;	padding-left: 6%;	padding-right: 4%;
}
aside a { display: inline-block;	width: 30%; padding: 1% 1% 0 1%; border-radius: 4px;
}
aside a:focus,
aside a:hover { background: white;	-webkit-transition: background .5s;	transition: background .5s;
}
#gallery img {	-webkit-transition: all .4s;	transition: all .4s; margin: 0; width: 100%; height: 100%;
}
/* Resume */
article li { list-style-type: none; position: relative; left: -40px;
}
article p {	margin-top: 0;	margin-right: -40px;	margin-bottom: 5px;
}
article button {	font-size: 13px;	height: 35px;	line-height: 15px;	width: 90px;	position: absolute;	top: 10px;	right: 10px;
}
/* Footer */
footer .container { background: black; color: white; border-radius: 0 0 3px 3px;
}
/* Contact Form */
#formcontainer { width: 640px; margin: 100px auto;
}
form { width: 98%; margin: 0 auto;
}
label,
input,
textarea { display: block; text-align: left; width: 98%; margin: 10px 0;	padding: 1%; color: #999; border: none;
}
label {	padding: 0;
}
textarea { height: 100px;
}
input[type="text"],
input[type="email"] {	padding-top: 10px;	padding-bottom: 10px; border: none;
}
input[type="submit"],
button { text-align: center; display: inline; padding: 10px; margin: 10px 15px 0 0; background: #4479BA; color: white; border: none; width: 150px; float: left;
}
form a { text-align: center; text-decoration: none; display: inline; padding: 10px; margin: 10px 0; background: #4479BA; color: white; border: none; width: 100px; height: 18px; float: left;
}
:focus,
input:focus,
textarea:focus,
form a:focus { background: #F6E9E7; -webkit-transition: background .5s; transition: background .5s; outline: #F6E9E7; color: #000;
}
.lightbox:target form {	-webkit-animation: fadein 1s; animation: fadein 1s;
}
/* Lightbox */
.lightbox {	visibility: hidden; position: fixed;	top: 0;	left: 0; z-index: 9999;	height: 100%; width: 100%; text-align: center; background: rgba(0, 0, 0, 0); -webkit-transition: background 1s; transition: background 1s;
}
.lightbox figure { width: 96%; height: 85%; margin: 2% 2%;
}
.lightbox figure img { max-width: 96%; max-height: 96%; margin: 2%; box-shadow: 0 18px 20px rgba(0, 0, 0, 0.9);
}
.lightbox figure figcaption {	color: white;
}
a.lightbox {	text-decoration: none;
}
.lightbox:target {	visibility: visible; outline: none; background: rgba(0, 0, 0, 0.8);
}
.lightbox:target img { -webkit-animation: fadein 1s; animation: fadein 1s;
}
/* Layout */
nav { width: 100%; height: 60px; line-height: 60px; position: fixed; top: 0; left: 0; z-index: 9998;
}
main {	-webkit-transition: width .8s;	transition: width .8s;	position: relative; width: 1084px; margin: 0 auto;
}
header {	-webkit-transition: all .7s;	transition: all .7s; width: 400px;
}
.moveright {	z-index: 500;	position: absolute;	top: 60px;	right: 0;
}
section { width: 680px;	position: relative;
/*	right: 0; */
}
article {	position: relative; width: 680px;
}
article .container {	position: relative;	top: 10px;
}
aside { width: 400px;
}
aside .container {	position: relative;	top: -12.5px;	margin-top: 0;	margin-bottom: 0;
}
footer {	display: inline-block; width: 400px;
}
footer .container {	margin-top: -12.5px;
}
/* Container */
.container { width: auto; margin: 10px; padding: 5px 30px; background: white; border-radius: 3px; box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3); color: gray;	-webkit-animation: slideDown backwards; animation: slideDown backwards;	-webkit-animation-delay: .2s; animation-delay: .2s;	-webkit-animation-duration: 1s; animation-duration: 1s;
}
/* Animations */
@-webkit-keyframes slideDown {	0% {	-webkit-transform: translateY(-400px); transform: translateY(-400px);	-webkit-transform: scale(1.1); transform: scale(1.1);	opacity: 0;	}	100% {	-webkit-transform: translateY(0px); transform: translateY(0px);	-webkit-transform: scale(1); transform: scale(1);	opacity: 1;	}
}
@keyframes slideDown {	0% {	-webkit-transform: translateY(-400px); transform: translateY(-400px);	-webkit-transform: scale(1.1); transform: scale(1.1);	opacity: 0;	}	100% {	-webkit-transform: translateY(0px); transform: translateY(0px);	-webkit-transform: scale(1); transform: scale(1);	opacity: 1;	}
}
@-webkit-keyframes fadein {	0% {	opacity: 0;	}	100% {	opacity: 1;	}
}
@keyframes fadein {	0% {	opacity: 0;	}	100% {	opacity: 1;	}
}
/* Tablet */
@media screen and (max-width: 1120px) { main {	-webkit-transition: all .5s;	transition: all .5s; width: 600px } nav #name { display: none; } #logolink { position: absolute; left: 0; right: 0; top: 0; margin-left: auto; margin-right: 0; } #navright { display: block; width: 30px; position: absolute; right: 0; top: 60px; }	ul#navright {	-webkit-animation: slideLeft2 .5s; animation: slideLeft2 .5s;	}	ul#navleft {	-webkit-animation: slideLeft3 .5s; animation: slideLeft3 .5s;	}	@-webkit-keyframes slideLeft2 {	from { -webkit-transform: translateX(200px); transform: translateX(200px) }	to { }	}	@keyframes slideLeft2 {	from { -webkit-transform: translateX(200px); transform: translateX(200px) }	to { }	}	@-webkit-keyframes slideLeft3 {	from { -webkit-transform: translateX(100px); transform: translateX(100px) }	to { }	}	@keyframes slideLeft3 {	from { -webkit-transform: translateX(100px); transform: translateX(100px) }	to { }	}	.moveright {	position: static;	}	header,	article {	margin-bottom: 20px;	} header img {	-webkit-transition: all .7s;	transition: all .7s; width: 110px; margin: 25px -10px 0 20px; border-radius: 250px; }	header, section, article, aside, footer {	position: relative;	right: 0; width: 100%; }	header {	-webkit-transition: all .7s;	transition: all .7s;	position: relative;	right: 0; width: 100%; } #formcontainer { width: 65%; }
/*	.rss-item figure {	margin-left: 0;	float: none!important;	width: 100%;	}	.rss-item figure img {	width: 100%;	} */
}
/* Phablet */
@media screen and (max-width: 700px) { main {	-webkit-transition: all 1s;	transition: all 1s; width: 85%; }
}
/* Mobile */
@media screen and (max-width: 500px) { main { width: 98%; } header { position: relative; top: 10px; } header .container { width: auto; margin: 0 10px 20px 10px; padding: 0; } header img { width: 100%; margin: 0; border-radius: 3px 3px 0 0; position: static; } header p { position: relative; top: 10px; margin: 0 30px 10px 30px; padding-bottom: 30px; } #formcontainer { width: 90%; }	section a img {	position: relative;	left: -5px;	margin: 0;	width: 100%;	height: auto;	}	section a {	-webkit-transition: all .5s;	transition: all .5s;	width: 100%; margin: 0;	float: left;	}
}
/* Make form scrollable if form is taller than screen */
@media screen and (max-height: 551px) {	#Contact:target {	position: absolute;	height: 550px;	}
}

Anthony Raffini - Script Codes JS Codes

var $root = $('html, body');
$('a.smoothscroll').click(function() { $root.animate({ scrollTop: $( $.attr(this, 'href') ).offset().top - 60 }, 500); return false;
});
Anthony Raffini - Script Codes
Anthony Raffini - Script Codes
Home Page Home
Developer Anthony Raffini
Username rottingroom
Uploaded September 12, 2022
Rating 3
Size 8,549 Kb
Views 32,384
Do you need developer help for Anthony Raffini?

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!

Anthony Raffini (rottingroom) Script Codes
Name
Position Static
Additional Box Model Properties
Functions with no arguments
Sonic
Box Model Properties
Fluid Layout
A Pen by Anthony Raffini
Main Navigation
Blog
Parent and Child positioning
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!