OA

Developer
Adz
Size
5,155 Kb
Views
14,168
  1. OA Previews
  2. OA HTML Codes
  3. OA CSS Codes
  4. OA JS Codes

How do I make an oa?

What is a oa? How do you make a oa? This script and codes were developed by Adz on 04 November 2022, Friday.

OA Previews
IQ Test

OA - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>OA</title> <link rel='stylesheet prefetch' href='https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css'> <link rel="stylesheet" href="css/style.css">
</head>
<body> <body>
<div id="flag"> <br>
</div>
<div> <div id="sideL">
<div id="articles"> <ul style="list-style-type: none"> <li><a href="http://www.hgtv.com/design/decorating/design-101/10-tips-to-increase-your-homes-value"> 10 Tips to Increase Your Home's Value</a></li> <br> <li> <a href="http://www.grandparents.com/health-and-wellbeing/health/are-air-fresheners-bad-for-you"> Are Air Fresheners Bad for You?</a></li> <br> <li><a href="http://kimberlysnyder.com/blog/2012/03/10/the-danger-of-air-freshener-and-10-alternatives-for- a-great-smelling-home/"> Air Freshener Alternatives for a Great Smelling Home</a></li> <br> <li><a href="http://www.ase.org/resources/top-10-home-energy-efficiency-tips"> 10 Home Energy Efficiency Tips</a></li> <br> <li><a href="https://www.freshwatersystems.com/s-301-ph-water-quality.aspx"> All About pH Water Quality</a></li> <br> <li><a href="https://www.niche.com/places-to-live/rankings/suburbs/best-suburbs-for-families/m/chicago- metro-area/"> Best Places to Live: Chicago Metro Area</a></li>
</ul> </div> </div> <div id="sideR">
<div id="mainPage"> <ul id="menu" style="list-style-type: none"> <li> <span class="glyphicon glyphicon-menu-hamburger"></span></li> <li >Professionals <ul class="dropdown"> <div class="col-xs-12 col-sm-6"> <li><a href="#">Additions</a></li>
<li><a href="#">Air Conditioning</a></li>
<li><a href="#">Architects</a></li>
<li><a href="#">Bathrooms</a></li>
<li><a href="#">Cabinets and Countertops</a></li> <li><a href="#">Carpentry</a></li>
<li><a href="#">Carpet</a></li>
<li><a href="#">Cleaning Services</a></li>
<li><a href="#">Concrete</a></li>
<li><a href="#">Decks</a></li>
<li><a href="#">Decorators</a></li>
<li><a href="#">Driveways</a></li>
<li><a href="#">Demolition</a></li>
<li><a href="#">Drywall</a></li>
<li><a href="#">Dump Truck Service</a></li>
<li><a href="#">Electric</a></li>
<li><a href="#">Fences</a></li>
<li><a href="#">Flooring</a></li>
<li><a href="#">Foundation</a></li>
<li><a href="#">Garages</a></li>
<li><a href="#">Gutters</a></li> </div> <div class="col-xs-12 col-sm-6">
<li><a href="#">Handyman</a></li>
<li><a href="#">Heating and Cooling</a></li>
<li><a href="#">Inspectors</a></li>
<li><a href="#">Kitchen</a></li>
<li><a href="#">Landscaping</a></li>
<li><a href="#">Maintenence of</a></li>
<li><a href="#">Masonry</a></li>
<li><a href="#">Painting and Staining</a></li>
<li><a href="#">Plumbing</a></li>
<li><a href="#">Real Estate</a></li>
<li><a href="#">Roofing</a></li>
<li><a href="#">Siding</a></li>
<li><a href="#">Swimming Pools | Saunas | Hot Tubs</a></li>
<li><a href="#">Tile + Stone</a></li>
<li><a href="#">Walls + Ceilings</a></li>
<li><a href="#">Windows + Doors</a></li>
</div>
</ul> </li> <li>Services <ul class="dropdown"> <li><a href="#">Dog Odor</a></li>
<li><a href="#">Pet Food Zoom</a></li>
<li><a href="#">Alchemy Arts</a></li>
<li><a href="#">Plants for Better Breathing(Respiration?)</a></li>
<li><a href="#">Grout Cleaners</a></li>
<li><a href="#">Inspectors</a></li>
<li><a href="#">Energy Saving Tips</a></li>
<li><a href="#">Tree Removal and Planting</a></li>
<li><a href="#">Water Installation System</a></li>
<li><a href="#">Essential Oils: Create Your Own Scent (Aroma Workshop)</a></li>
</ul> </li> <li>Town Talk </li> <li>Contact</li> <li>Sign In</li> <li>Become a Member</li>
</ul> <br> <div class="container" id="topTable">
  <div class="row">
   <div class="col-sm-2"> </div> <div class="col-sm-8"> <div id="find"> <h4> Discover convenient services for your home.</h4> <input type="search" placeholder="Type in your search here"> <button class="btn" style=" background-color:blue; margin:0px;">FIND</button> </div> <div> <img src="http://time2relax.ch/blog/wp-content/uploads/pp/placeholders/slider-placeholder-1368706823.jpg"> </div> </div> <div class="col-sm-2"> </div>
  </div> </div> <br> <br> <div class="container"> <div id="companies"> <div class="row"> <h2> Recommended Services</h2> <div class="col-md-4"> <br><br><img src="https://storage04.dropshots.com/photos6000/photos/1369783/20170718/072530.png" class="pictures"> <br>Weather damage to your home?, We'll make sure insurance pays for that. </div> <div class="col-md-4"> <br><br><img src="https://storage04.dropshots.com/photos6000/photos/1369783/20170718/072526.png" class="pictures"> <br>Daltile Visualize What's Possible </div> <div class="col-md-4"> <br><br><img src="https://storage04.dropshots.com/photos6000/photos/1369783/20170718/072524.png" class="pictures">
<br>Create Your Own Scents/ Home Oil Scents </div> </div> <br><br> <div class="row"> <h2> Recommended Consultants </h2> <div class="col-md-4"> <br><br><img src="https://storage04.dropshots.com/photos6000/photos/1369783/20170718/072523.png" class="pictures"> <br>Pet Food Delivered to Your Door </div> <div class="col-md-4"> <br><br><img src="https://storage04.dropshots.com/photos6000/photos/1369783/20170718/072521.png" class="pictures"> <br>Damage to your home? Call a restoration company. </div> <div class="col-md-4"> <br> <br><img src="https://storage04.dropshots.com/photos6000/photos/1369783/20170718/072519.png" class="pictures"> <br>Need real estate advice? Talk to an advocate. </div> <br> </div> </div>
</div>
</div> </div> </tr>
</div>
</body> <script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js'></script> <script src="js/index.js"></script>
</body>
</html>

OA - Script Codes CSS Codes

@import url(https://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css);
body { background-image: url("https://storage04.dropshots.com/photos6000/photos/1369783/20170611/b_111533.png"); background-attachment: fixed; background-size: 100% 90%; background-repeat: no-repeat;
}
#flag { background-color: rgba(155, 155, 155, 0.3); text-align: center; padding: 50px; height: 230px;
}
#flag h1 { margin: auto 0px; font-size: 60px;
}
#sideL { float: left; clear: both; background-color: black; color: white;
}
#sideL a { color: white;
}
#sideR { z-index: 2;
}
#menu { padding-top: 20px; font-size: 100%; font-weight: bold;
}
#menu li { display: inline; margin: 5px; font-size: 18px;
}
#menu li:hover { color: blue; cursor: pointer;
}
.pictures { width: 200px;
}
#mainPage { background-color: rgba(255, 255, 255, 0.7); color: #1a1a1a; padding: 10px; text-align: center;
}
#mainPage table { border: 1px solid black;
}
#mainPage table td { border-right: 1px solid black; padding: 5px;
}
#mainPage #companies ul { list-style-type: none;
}
#mainPage #companies ul li { display: inline;
}
/* Drop down CSS */
.dropdown { padding: 0; list-style: none; background: #f2f2f2;
}
.dropdown li { display: inline-block; position: relative; line-height: 2px; text-align: left;
}
.dropdown li a { display: block; padding: 8px 25px; color: #1a1a1a; text-decoration: none;
}
.dropdown li a:hover { color: #fff; background: #1a1a1a;
}
.dropdown { min-width: 70%; border: 1px solid #1a1a1a; display: none; position: absolute; z-index: 999; text-align: center;
}
ul li:hover ul.dropdown { display: block;
}
.dropdown li { display: block;
}

OA - Script Codes JS Codes

$(document).ready(function(){ $("#sideL").css("display", "none");
$(".glyphicon-menu-hamburger").click(function(){
$("#sideL").toggle(function(){
});
});
});
/*
- Add contact div at bottom of screen (smooth scroll)?
- Sign in (pop up, even mobily)
- New Pages: Profiles, Town Talk, Membership
ToDo:
Style:
+ fix padding around articles
+ edit all font styles, boldness,sizes
+Elongate bottom skyline (Ms paint or photoshop)
TopTable:
+ fix searchbar
+ insert slideshow
Body:
+ fix page width when slider comes in
+ check for responsiveness
*/
OA - Script Codes
OA - Script Codes
Home Page Home
Developer Adz
Username aadesida
Uploaded November 04, 2022
Rating 3
Size 5,155 Kb
Views 14,168
Do you need developer help for OA?

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!

Adz (aadesida) Script Codes
Name
SoundCloud Maker
AngularJS Shop Layout
TwitchTV
LSStone STONEWORK
LSStone Restoration
LSStone Home
Calculator
LSStone Testimonials
Weather
Etch
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!