Home

Developer
Ashmita
Size
3,684 Kb
Views
28,336
  1. Home Previews
  2. Home HTML Codes
  3. Home CSS Codes

How do I make an home?

What is a home? How do you make a home? This script and codes were developed by Ashmita on 08 September 2022, Thursday.

Home Previews
IQ Test

Home - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>Home</title> <div id="fb-root"></div>
<script>(function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.4"; fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script> <link rel="stylesheet" href="css/style.css">
</head>
<body> <title> SPARK! Labs
</title> <link href='https://fonts.googleapis.com/css?family=Titillium+Web:400,700' rel='stylesheet' type='text/css'> <body> <script>window.twttr = (function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0], t = window.twttr || {}; if (d.getElementById(id)) return t; js = d.createElement(s); js.id = id; js.src = "https://platform.twitter.com/widgets.js"; fjs.parentNode.insertBefore(js, fjs); t._e = []; t.ready = function(f) { t._e.push(f); }; return t;
}(document, "script", "twitter-wjs"));</script> <div id = "name"> <h1><a href= "https://codepen.io/ashmitas/full/MagPpO/">SPARK! Labs </a></h1> </div> <div> <ul> <li class="nav"><a href = "https://codepen.io/ashmitas/full/OyLKbr"> Our Mission </a></li> <li class="nav"><a href = "https://codepen.io/ashmitas/full/vNBopz"> About Us </a></li> <li class="nav"><a href = "https://codepen.io/ashmitas/full/bVbXaX"> Get Involved </a></li> <li class="nav"><a href = "https://codepen.io/ashmitas/full/jbNgZP/"> Upcoming Events </a></li> <li class="nav"><a href = "https://codepen.io/ashmitas/full/pjzMag/"> Blog </a></li> <li class="nav"><a href = "https://codepen.io/ashmitas/full/yYBmvO/"> Contact Us </a></li> </ul> </div> <div class ="img-text" style="background-image: url('https://farm1.staticflickr.com/117/278696130_0e5932f457_o_d.jpg'); background-size: cover"> <h1>Cultivate Curiosity</h1> </div> </div> <div class = "slide_show"> <div class = "info1"> <h2>Inspire</h2> <p>SPARK! labs is an organization that aims to promote scientific curiosity for elementary and middle schoolers by providing free monthly workshops to elementary and middle school students in the community.</p> </div> <div class = "info2"> <h2>The Importance of STEM</h2> <p>STEM (Science, Technology, Engineering, Mathematics) education is an important aspect of a child's education. By taking a hands-o STEM, students get exposed to problem solving skills that they may not get exposed to in the classroom. It is important that students get exposed to STEM at a young age so that they can develop their interests as they grow older. </p> </div> <div class = "info1"> <h2>Workshops</h2> <p>SPARK! Labs workshops will be held once a month, and they will be open to all elementary or middle schoolers in the communiy. Our workshops cover topics ranging from alternative energy, to Rube Goldberg Machines, to programming games.</p> </div> <div class = "info2"> <h2>Camp</h2> <p> One of our major goals is to hold a summer day camp for elementary and middle school students. We hope to go more in depth on some of the topics covered in the workshops, and we hope to equip students with the tools they need to start creating cool projects related to STEM.</p> </div> <div class = "info1"> <h3> Workshops Coming January 2016 </h3> <p></p> </div> <div class = "social_sites"> <h3>Follow Us!</h3> <ul class = "social_sites"> <li>Facebook</li> <li>Twitter</li> <li>Instagram</li> <li>Email: [email protected]</li> </ul style="padding-bottom:2em"> </div> </body>
</body>
</html>

Home - Script Codes CSS Codes

body { background-color: #D1FFE0;
}
#name { font-family: "Titillium Web", sans-serif; background-color: white; border-style: inset; border-width: 5px; margin-right: 48px; margin-left: 40px; color: #008AB8; padding-left: 30px;
}
.nav { display: inline; font-family: "Titillium Web", sans-serif; float: center; text-align: center; background-color: #008AB8; color: white; padding-left: 70px; padding-right: 60px; padding-bottom: 15px; padding-top: 15px;
}
.info1 { text-align: center; font-family: "Titillium Web", sans-serif; background-color: white; margin-right: 48px; margin-left: 40px; padding-top: 40px; padding-bottom: 100px;
}
.info2 { text-align: center; font-family: "Titillium Web", sans-serif; background-color: #94E9FF; margin-right: 48px; margin-left: 40px; padding-top: 40px; padding-bottom: 100px;
}
.social_sites { list-style-type: none; background-color: #008AB8; margin-right: 48px; margin-left: 40px; padding-right: 40px; padding-left: 48px; text-align: center; font-family: "Titillium Web", sans-serif; color: white; padding-top: 2px; padding-botom: 2px;
}
a { text-decoration: none; color: inherit;
}
.img-text { text-align: left; font-family: "Titillium Web", sans-serif; background-color: white; margin-right: 48px; margin-left: 40px; padding-top: 120px; padding-bottom: 200px; padding-left: 160px; color: #DADAD9;
}
.nav:hover { background-color: #85ADFF;
}
p { padding-left: 250px; padding-right: 250px;
}
h3 { text-align: center;
}
Home - Script Codes
Home - Script Codes
Home Page Home
Developer Ashmita
Username ashmitas
Uploaded September 08, 2022
Rating 3
Size 3,684 Kb
Views 28,336
Do you need developer help for Home?

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!

Ashmita (ashmitas) Script Codes
Name
Upcoming Events
Get Involved
Contact Us
About Us
A Pen by Ashmita
Our Mission
Blog
Create amazing web 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!