SA_testing

Developer
Alex Rodrigues
Size
2,188 Kb
Views
22,264
  1. SA_testing Previews
  2. SA_testing HTML Codes
  3. SA_testing CSS Codes

How do I make an sa_testing?

Testing Type treaments and layouts. What is a sa_testing? How do you make a sa_testing? This script and codes were developed by Alex Rodrigues on 13 August 2022, Saturday.

SA_testing Previews
IQ Test

SA_testing - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>SA_testing</title> <script src="http://s.codepen.io/assets/libs/modernizr.js" type="text/javascript"></script> <link rel="stylesheet" href="css/style.css">
</head>
<body> <div class="body_wrap">
<div class="test_1"> <div class="test_inner"> <h2>lorem</h2> </div> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ducimus dolorum dolore id minus officiis nesciunt recusandae atque dicta similique omnis eos quam magnam ut voluptatem eius! Esse tempore sequi quo!</p>
</div></div>
</body>
</html>

SA_testing - Script Codes CSS Codes

@import url(http://fonts.googleapis.com/css?family=Oswald:400,700);
*{ box-sizing:border-box;
}
body { font-family: 'Oswald', sans-serif; background: url(http://www.samueladams.com/app_presentation/corporatesite/desktop/release/images/structure/bg_body.jpg?1399337848);
}
.body_wrap { width:75%; margin: 4em auto;
}
.test_1 { width: 50%; border: double #d9d3b9 ; display: block; float: left; position: relative; text-align: center;
/* border-radius:10px;*/ border-width: 4px; font-size: 1.5em;
}
.test_1:after ,.test_1:before { width:20px; content:""; position: absolute; top:-7px; left:-7px; height: 20px; border-radius:10px; border: double #d9d3b9 ; border-width: 0px 4px 4px 0px; background: url(http://www.samueladams.com/app_presentation/corporatesite/desktop/release/images/structure/bg_body.jpg?1399337848);
}
.test_1:after { left:auto; right: -7px; border-width: 0px 0px 4px 4px;
}
.test_1 .test_inner { position: relative; top: -.5em;
}
.test_1 .test_inner h2 { padding: 0; line-height: 1; text-transform: uppercase; position: relative; background: url(http://www.samueladams.com/app_presentation/corporatesite/desktop/release/images/structure/bg_body.jpg?1399337848); width:45%; margin: 0 auto; color: #6c6651; font-weight: normal;
}
.test_1 .test_inner h2:after { content: " "; width: 75%; background: #D9D3B9; height: 1px; position: relative; bottom: -.25em; margin: 0 auto .5em; display: block;
}
p{ font-weight: normal; font-size: .75em; font-family: helvetica; width:85%; margin: 0 auto 1em; text-align: left;
}
SA_testing - Script Codes
SA_testing - Script Codes
Home Page Home
Developer Alex Rodrigues
Username alex_rodrigues
Uploaded August 13, 2022
Rating 3.5
Size 2,188 Kb
Views 22,264
Do you need developer help for SA_testing?

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!

Alex Rodrigues (alex_rodrigues) Script Codes
Name
Responsive Checkout Concept WIP
Playing with Grid
Mobile Menu Concept WIP
Animated Bar Graphs
WIP - Checkout Flow Steps Progress mobile concept
A Pen by alex rodrigues
Transition Demo
Jquery Scroll test
Toying With Flexslider
Front End Age Gate
Create amazing SEO content 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!