salemcodes-hufflepuffgraphics

/** for @beforehours — hufflepuff graphics thread **/
/** coded by salemkeating **/

/** main thread **/
/*
NOTES:
- fill in your introduction / welcome
- change the rules
- change your payment
- the example link is already coded in
*/

<span style="font-size:;display:block;background:linear-gradient(rgba(0,0,0,0.2),rgba(0,0,0,0.2)),url(https://i.pinimg.com/originals/5a/bf/47/5abf47198b5e2e90917322207f9157bc.jpg);background-attachment:fixed;background-size:1000px;background-position:center center;padding:10px;position:relative;line-height:100%;">
<span style="font-size:;display:block;padding:100px 0px;border:2px double rgba(250,250,250,0.3);text-align:center;">
<span style="font-size:20px;display:block;margin:0px 10%;color:#fff;font-family:'Garamond';padding:40px 0px;line-height:100%;font-weight:bold;letter-spacing:10px;border-top:1px solid white;border-bottom:1px solid white;text-shadow:0px 0px 10px rgba(0,0,0,0.5);">
HUFFLEPUFF GRAPHICS
<span style="font-size:9px;display:block;text-align:center;letter-spacing:10px;font-family:'Trebuchet MS';margin-top:5px;font-weight:bold;color:#fff;background:linear-gradient(to right, transparent,#EFB825, #EFB825, #EFB825,transparent);padding:5px;line-height:100%;">
A GRAPHIC SHOP
</span>
</span>
<span style="font-size:;display:block;width:80px;height:80px;background:url(https://sitejerk.com/images/hufflepuff-transparent-2.png);background-size:contain;background-repeat:no-repeat;text-align:center;background-position:center center;width:100%;margin-top:-170px;margin-bottom:90px;">
</span>
</span>
<span style="font-size:;display:block;padding:50px 0px 0px 0px;border:2px double rgba(250,250,250,0.3);margin-top:10px;">
<span style="font-size:;display:block;border:1px solid rgba(250,250,250,0.5);width:100px;height:100px;margin-left:12%;padding:10px;">
<span style="font-size:;display:block;background:url(https://media1.tenor.com/images/74275a005b3bf565b49378a7bcd25b96/tenor.gif?itemid=7559639);background-size:cover;background-position:center center;width:100%;height:100%;">
</span>
</span>
<span style="font-size:80px;display:block;line-height:100%;font-family:'Arial';font-weight:bold;width:150px;color:white;text-align:center;margin-left:17%;margin-top:-70px;text-shadow:0px 0px 10px rgba(0,0,0,0.3);">
01.
</span>
<span style="font-size:18px;display:block;color:white;font-family:'Garamond';font-weight:bold;margin-left:43%;color:white;margin-top:-110px;letter-spacing:5px;margin-bottom:5px;">
+ WELCOME
</span>
<span style="font-size:;display:block;background:#EFB825;width:40%;margin-left:43%;padding:4%;font-size:10px;text-align:justify;font-weight:bold;text-transform:uppercase;line-height:100%;margin-bottom:40px;">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
</span>
<span style="font-size:;display:block;border:1px solid rgba(250,250,250,0.5);width:100px;height:100px;margin-left:65%;padding:10px;">
<span style="font-size:;display:block;background:url(https://media1.tenor.com/images/74275a005b3bf565b49378a7bcd25b96/tenor.gif?itemid=7559639);background-size:cover;background-position:center center;width:100%;height:100%;">
</span>
</span>
<span style="font-size:80px;display:block;line-height:100%;font-family:'Arial';font-weight:bold;width:150px;color:white;text-align:center;margin-left:71%;margin-top:-70px;text-shadow:0px 0px 10px rgba(0,0,0,0.3);">
02.
</span>
<span style="font-size:18px;display:block;color:white;font-family:'Garamond';font-weight:bold;margin-left:10%;color:white;margin-top:-110px;letter-spacing:5px;margin-bottom:5px;">
+ RULES
</span>
<span style="font-size:;display:block;background:#EFB825;width:40%;margin-left:10%;padding:4%;font-size:10px;text-align:justify;font-weight:bold;text-transform:uppercase;line-height:100%; margin-bottom:50px;">
001. rule one here
<br>002. Rule number two here
<br>003. Rule number three here
<br>004. Rule number four here
<br>005. Rule number five here. write a bunch of rules down! As many as you'd like.</span>
<span style="font-size:;display:block;background:#EFB825;margin:0px 10%;padding:4%;margin-bottom:40px;">
<a href="https://www.deviantart.com/beforehours/gallery/69086841/Graphic-Examples">
<span style="font-size:100px;display:block;background:linear-gradient(rgba(0,0,0,0.2),rgba(0,0,0,0.2)),url(https://i.pinimg.com/originals/5a/bf/47/5abf47198b5e2e90917322207f9157bc.jpg);background-attachment:fixed;background-size:1000px;background-position:center center;-webkit-text-fill-color: transparent;-webkit-background-clip: text;line-height:100%;font-weight:bold;">
03.
</span>
<span style="font-size:50px;display:block;margin-left:30%;margin-top:-92px;font-weight:bold;line-height:37px;background:linear-gradient(rgba(0,0,0,0.2),rgba(0,0,0,0.2)),url(https://i.pinimg.com/originals/5a/bf/47/5abf47198b5e2e90917322207f9157bc.jpg);background-attachment:fixed;background-size:1000px;background-position:center center;-webkit-text-fill-color: transparent;-webkit-background-clip: text;font-weight:bold;font-family:'Arial';margin-bottom:10px;text-align:center;padding:5px 0px;">
GRAPHIC EXAMPLES
</span>
</a>
</span>
<span style="font-size:20px;display:block;border:1px solid rgba(250,250,250,0.5);width:70px;margin-left:78%;padding:3% 0px;font-weight:bold;color:#EFB825;text-align:center;letter-spacing:2px;height:10px;line-height:12px;background:rgba(0,0,0,0.2);">
04
</span>
<span style="font-size:10px;display:block;border:1px solid rgba(250,250,250,0.5);margin:0px 10%;padding:3%;text-align:center;color:white;font-weight:bold;letter-spacing:1px;line-height:100%;width:60%;margin-top:-51px;margin-bottom:40px;">
PAYMENT IS A BLAH BLAH BLAH HERE.
</span>
<span style="font-size:9px;display:block;text-align:center;color:rgba(250,250,250,0.5);padding-bottom:5px;font-weight:bold;letter-spacing:5px;">
CODED BY SALEMKEATING
</span>
</span>
</span>


/** form code **/

<span style="font-size:;display:block;background:linear-gradient(rgba(0,0,0,0.2),rgba(0,0,0,0.2)),url(https://i.pinimg.com/originals/5a/bf/47/5abf47198b5e2e90917322207f9157bc.jpg);background-attachment:fixed;background-size:1000px;background-position:center center;padding:10px;position:relative;line-height:100%;">
<span style="font-size:11px;display:block;padding:8%;border:2px double rgba(250,250,250,0.3);color:white;">
<span style="font-size:20px;display:block;text-align:center;font-family:'Garamond';font-weight:bold;letter-spacing:3px;padding:10px 0px;margin-bottom:10px;border-bottom:1px solid rgba(250,250,250,0.5);">
REQUESTING
</span>
<b>Type of Graphic:</b> answer
<br><b>Title:</b> answer
<br><b>Subtitle:</b> answer
<br><b>Author:</b> answer
<br><b>Ideas:</b> answer
<br><b>Faceclaim(s):</b> answer
<br><b>Image Inspiration (Links Only):</b>  answer
<br><b>Short Summary:</b> answer
<br><b>Password:</b> answer
<br><b>Anything Else:</b>  answer
</span>
</span>


/** delivery code **/
/*
NOTE: change the placeholder image link with a link to your graphic. they can drag the image into a new tab to see it full size.
*/

<span style="font-size:;display:block;background:linear-gradient(rgba(0,0,0,0.2),rgba(0,0,0,0.2)),url(https://i.pinimg.com/originals/5a/bf/47/5abf47198b5e2e90917322207f9157bc.jpg);background-attachment:fixed;background-size:1000px;background-position:center center;padding:10px;position:relative;line-height:100%;">
<span style="font-size:10px;display:block;padding:8%;border:2px double rgba(250,250,250,0.3);color:white;text-align:center;font-weight:bold;letter-spacing:1px;">
<span style="font-size:20px;display:block;text-align:center;font-family:'Garamond';font-weight:bold;letter-spacing:3px;padding:10px;margin-bottom:10px;background:linear-gradient(to right, transparent,#EFB825, #EFB825, #EFB825,transparent);">
DELIVERY
</span>
<img src="http://www.placehold.it/512x800" height="150"><br><br>
HERE IS YOUR GRAPHIC. MESSAGE HERE.
</span>
</span>


/** queue code **/

<span style="font-size:;display:block;background:linear-gradient(rgba(0,0,0,0.2),rgba(0,0,0,0.2)),url(https://i.pinimg.com/originals/5a/bf/47/5abf47198b5e2e90917322207f9157bc.jpg);background-attachment:fixed;background-size:1000px;background-position:center center;padding:10px;position:relative;line-height:100%;">
<span style="font-size:10px;display:block;padding:8%;border:2px double rgba(250,250,250,0.3);color:white;text-align:center;font-weight:bold;letter-spacing:1px;text-transform:uppercase;">
<span style="font-size:20px;display:block;text-align:center;font-family:'Garamond';font-weight:bold;letter-spacing:3px;padding:10px;background:linear-gradient(to right, transparent,#EFB825, #EFB825, #EFB825,transparent);margin-bottom:10px;">
QUEUE
</span>
name
<br>name
<br>name
</span>
</span>


/** accepted code **/

<span style="font-size:;display:block;background:linear-gradient(rgba(0,0,0,0.2),rgba(0,0,0,0.2)),url(https://i.pinimg.com/originals/5a/bf/47/5abf47198b5e2e90917322207f9157bc.jpg);background-attachment:fixed;background-size:1000px;background-position:center center;padding:10px;position:relative;line-height:100%;">
<span style="font-size:10px;display:block;padding:8%;border:2px double rgba(250,250,250,0.3);color:white;text-align:center;font-weight:bold;letter-spacing:1px;text-transform:uppercase;">
<span style="font-size:20px;display:block;text-align:center;font-family:'Garamond';font-weight:bold;letter-spacing:3px;border-bottom:1px solid rgba(250,250,250,0.5);padding-bottom:10px;margin-bottom:10px;">
ACCEPTED
</span>
YOUR MESSAGE HERE
</span>
</span>


/** denied code **/

<span style="font-size:;display:block;background:linear-gradient(rgba(0,0,0,0.2),rgba(0,0,0,0.2)),url(https://i.pinimg.com/originals/5a/bf/47/5abf47198b5e2e90917322207f9157bc.jpg);background-attachment:fixed;background-size:1000px;background-position:center center;padding:10px;position:relative;line-height:100%;">
<span style="font-size:10px;display:block;padding:8%;border:2px double rgba(250,250,250,0.3);color:white;text-align:center;font-weight:bold;letter-spacing:1px;text-transform:uppercase;">
<span style="font-size:20px;display:block;text-align:center;font-family:'Garamond';font-weight:bold;letter-spacing:3px;border-bottom:1px solid rgba(250,250,250,0.5);padding-bottom:10px;margin-bottom:10px;">
DENIED
</span>
YOUR MESSAGE HERE
</span>
</span>


/** bump code **/

<span style="font-size:;display:block;background:linear-gradient(rgba(0,0,0,0.2),rgba(0,0,0,0.2)),url(https://i.pinimg.com/originals/5a/bf/47/5abf47198b5e2e90917322207f9157bc.jpg);background-attachment:fixed;background-size:1000px;background-position:center center;padding:10px;position:relative;line-height:100%;">
<span style="font-size:10px;display:block;padding:8%;border:2px double rgba(250,250,250,0.3);color:white;text-align:center;font-weight:bold;letter-spacing:1px;text-transform:uppercase;">
<span style="font-size:20px;display:block;text-align:center;font-family:'Garamond';font-weight:bold;letter-spacing:3px;">
BUMP
</span>
</span>
</span>