Mop-1

Developer
MOHIM
Size
7,312 Kb
Views
14,168
  1. Mop-1 Previews
  2. Mop-1 HTML Codes
  3. Mop-1 CSS Codes

How do I make an mop-1?

What is a mop-1? How do you make a mop-1? This script and codes were developed by MOHIM on 22 November 2022, Tuesday.

Mop-1 Previews
IQ Test

Mop-1 - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>mop-1</title> <link rel='stylesheet prefetch' href='https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css'>
<link rel='stylesheet prefetch' href='https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css'> <link rel="stylesheet" href="css/style.css">
</head>
<body> <div id ="wholebody"> <div id ="header"> <div class="headerfloating-box1"><img src="http://www.k-musicradio.com/images/Website%20Buttons/IngstadMNRadio_Black%20jpg.jpg" alt="Mountain View" style="width:160px;height:90px;"> </div> <div class="headerfloating-box2"> <div class="headerbox1"> <div id="var"> <div id="subvar1" <h3>LIVE FOR:<span style="color:#A80F14">24X7</span><h2> </div> <div id="subvar2" <h3>CALL NOW:<span style="color:#A80F14">152.586.4256</span></h2> </div> <div id="subvar3"> <ul> <li><a class="active" href="#home"><i class="fa fa-skype" aria-hidden="true"></i></a></li> <li><a href="#news"><i class="fa fa-facebook" aria-hidden="true"></i></a></li> <li><a href="#contact"><i class="fa fa-google-plus" aria-hidden="true"></i></a></li> <li><a href="#about"><i class="fa fa-twitter" aria-hidden="true"></i></a></li> <li><a href="#about"> <i class="fa fa-vimeo" aria-hidden="true"></i></a></li> <li><a href="#about"><i class="fa fa-play" aria-hidden="true"></i></a></li> </ul> </div> </div> </div> <div class="headerbox2"> <ul> <li><a class="active" href="#home">HOME</a></li> <li><a href="#news">OUR NETWORKS</a></li> <li><a href="#contact">ADVERTISE</a></li> <li><a href="#about">JOIN US</a></li> <li><a href="#about">PAYMENTS</a></li> <li><a href="#about">SIGN UP</a></li> </ul> </div>
</div>
</div>
<!-- end of header -->
<div id ="picturefloor"> <h1> Creating &Distributing <br>Orginal Media Experiences </h1> <p>Contrary to popular belief lorem ipsum is not simply random text.it has roots in a pieceof <br>classical latin literature from 45BC making it over 200 years old </p> <br> <button class="button-1 buttong">GET STARTED NOW </button> </div>
<!-- end of picture flooer -->
<div id="featurebody"> <div id="featurepic"> <img src="http://l7.alamy.com/zooms/d5aa0706ff1c4438b0da876b6242529e/studio-microphone-female-singer-in-the-back-b1rj1r.jpg" alt="Mountain View" style="width:600px;height:500px;"> <h3>WELCOME TO</h3> <h1>INGSTAD MEDIA</h1> <p>the power of audio,being local and serving a community.<br><br>Instad Media is a media entertainment,and digital marketing<br>services company that owns and operates smaall market radio<br>station in rural Mimesota.we specializes in creating and<br> distributing orginal media experiences that connect communities<br> with content they love,people they trust and products they want.<br> focused on serving local high school sports ,local news and local <br>area agriculture.all this is supplemented by music from polkas<br> classic country,classic hits and new country. </p> <button class="button-2 button-2">EXPLORE NOW </button> </div> </div>
<!-- end of feature body -->
<div class="bigpicturebody"> <div class="section1"> <div class="face1"> <h3>OUR</h3> <h1>MARKETS</h1> <p>The power of audion being local markets</p> </div> <div class="face2"> <button class="button3 button2">JUST STARTED</button> </div> <div class="face3"></div> <div class="face4"> <button class="button3 button41">JUST STARTED</button> </div> </div> <div class="section2"> <div class="face7"> <button class="button3 button31">JUST STARTED</button> </div> <div class="face8"></div> <div class="face9"></div> </div> <div class="section3"> <div class="face10"> <button class="button3 button5">JUST STARTED</button> </div> <div class="face11"></div> <div class="face12"></div> </div>
</div>
<!-- end of big picture body -->
<div id="rowpicture"> <div class="container"> <div class="row"> <div class="col-sm-3 margin"> <img src="http://images.mentalfloss.com/sites/default/files/styles/insert_main_wide_image/public/twins.png" alt="Mountain View" style="width:200px;height:130px;"> </div> <div class="col-sm-3 margin"> <img src="http://previews.123rf.com/images/chromaco/chromaco1208/chromaco120800050/15208999-Viking-Norseman-Head-with-Helmet-Beard-and-Braided-Hair-Graphic-Mascot-Vector-Image-Stock-Vector.jpg" alt="Mountain View" style="width:200px;height:130px;"> </div> <div class="col-sm-3 margin"> <img src=" https://s-media-cache-ak0.pinimg.com/564x/9a/a9/e9/9aa9e94ede0ffd3c78d89be97415681b.jpg" alt="Mountain View" style="width:200px;height:130px;"> </div> <div class="col-sm-3 margin writing"> <h3>OUR</h3> <h1>PARTNERS</h1> <p>The power of audio,being local and serving a community.</p> </div> </div> </div>
</div><!-- end of row picture -->
<div id="picturecolumn"> <div class="container marginset "> <div class="row"> <div class="col-sm-6 H1part"> <h3>WHY</h3> <h1>CHOOSE US?</h1> <P>The power of audio,being local and serving community</p> </div> <div class="col-sm-6 image1"> <img src="http://i2.istockimg.com/file_thumbview_approve/79909787/5/stock-illustration-79909787-group-of-business-people-drawing.jpg" alt="Mountain View" style="float:left;width:200px;height:150px;"> <p> <h3>TO GET RESULTS</h3>The Ingstad Minnesota Radio Network is <br>formed by a variety of Radio Station that are listened to by farmeers.homw owners and people ready an dwilling to amke purchase. </p>	</div> </div> <div class="row"> <div class="col-sm-6 image2"> <p><img src=" http://previews.123rf.com/images/undrey/undrey1503/undrey150300113/38216575-Hand-drawn-doodle-sketch-open-notebook-clear-page-template-for-notes-memo-notice-comic-book-scrapboo-Stock-Vector.jpg" alt="Mountain View" style="float:left;width:200px;height:150px;"><h3>BREAKING NEWS</h3>All of our Stations are known for bringing the <br>most up to date rows ,wheather and reports <br>for their local area</p> </div> <div class="col-sm-6 image3"> <img src="https://thumbs.dreamstime.com/x/radio-antenna-4385751.jpg" alt="Mountain View" style="float:left;width:200px;height:150px;" <p><h3>COVERAGE</h3>we cover the vast majority of minnesota form <br>country.you can be sure that by utilizing the ingstad radio network.you are reading the vast majority of minnensota farmers. </p> </div> </div> <div class="row"> <div class="col-sm-6 image4"> <img src="http://previews.123rf.com/images/rastudio/rastudio1508/rastudio150800761/42981299-Light-bulb-sketch-icon-for-web-and-mobile-Hand-drawn-vector-dark-grey-icon-on-light-grey-background--Stock-Vector.jpg" alt="Mountain View" style="float:left;width:200px;height:150px;"> <p><h3>EXPERTISE</h3>No one knows how to reach our listeners better<br> than us.As advertising Express we will work<br> with you to set up an advertising campaign <br>that works</p> </div> <div class="col-sm-6 image5"> <img src="http://thumb1.shutterstock.com/display_pic_with_logo/3526199/358048088/stock-vector-hourglass-sand-glass-time-is-money-line-icon-pixel-perfect-fully-editable-vector-icon-suitable-358048088.jpg" alt="Mountain View" style="float:left;width:200px;height:150px;"><p><h3>SAVE TIME & MONEY</h3>By being able to advertise on multiple stations<br> and only having one contact ,it saves you both<br>time and money</p> </div> </div> <div class="row"> <div class="col-sm-6 image6"> <img src="http://vectorboom.com/TUTORIALS/action_icons/02.jpg" alt="Mountain View" style="float:left;width:200px;height:150px;"><p><h3>PERSONAL TOUCH</h3>Reach your customers with an added personal<br> touch we do live remotes from many major<br> events and shows.</p> </div> <div class="col-sm-6 image7"> <img src=" https://1.bp.blogspot.com/-7sdqamciCBg/T4M97TiOhJI/AAAAAAAAP7c/1zRjlKEz0Po/s1600/love%2Brocket%2Bdigi%2Bstamp.jpg" alt="Mountain View" style="float:left;width:200px;height:150px;"><p><h3>WEBSITE COVERAGE</h3>your business has a website.how do people<br>get to it?we can also link ads from our<br> websites directory to yours </p> </div> </div> </div>
</div>
<!-- end of picture column -->
<div id="threeimage"> <div class="container margindesign "> <div class="row"> <div class="col-sm-12 H1 "> <h4>FOCUS ON</h4> <h1>SERVING COMMUNITIES</h1> <p>The power of audio being,local and serving a community</p> </div> </div> <div class="row"> <div class="col-sm-4 "> <div class="imagefeature"> <img src="https://i.ytimg.com/vi/79TWjNiAi6c/maxresdefault.jpg" alt="Paris" width="300" height="500"> <h3>LOCAL MN HS SPORTS</h3> </div> </div> <div class="col-sm-4"> <div class="imagefeature"> <img src="http://ywmovement.org/wp-content/uploads/2015/02/shutterstock_volunteer-small.jpeg" alt="Paris" width="300" height="500"> <h3>LOCAL COMMUNITIES</h3> </div> </div> <div class="col-sm-4"> <div class="imagefeature"> <img src="http://cache1.asset-cache.net/xd/487060142.jpg?v=1&c=IWSAsset&k=2&d=DF8D445051B40C747707CC2A5CEB25D7D6D7111452E48A17CB7C8A00B5C558362A4B627386BC763F" alt="Paris" width="300" height="500"> <h3>AGRICULTURE</h3> </div> </div> </div> </div>
</div>
<!-- end of three image -->
<div id="laststage"> <div class="container margindesign "> <div class="row"> <div class="col-sm-3 summarymargin"> <img src="http://www.k-musicradio.com/images/Website%20Buttons/IngstadMNRadio_Black%20jpg.jpg" alt="Mountain View" style="width:200px;height:130px;"> <p><span style="color:white;">Ingstad Media is a media Entertainment<br>and digital marketing services company<br> that owns and operates small market<br>radio stations in rural Minnesota.</span></p> </div> <div class="col-sm-3"> <div id="footer-links"> <ul> <li><h3>NAVIGATION</h3></li> <li><a href="#">Home</a></li> <li><a href="#">Our Networks </a></li>	<li><a href="#">Advertise</a></li>	<li><a href="#">Join Us</a></li> <li><a href="#">Payments</a></li> </ul> </div> </div> <div class="col-sm-3"> <h3><span style="color:white;">FOLLOWING US</span></h3> <button class="button4 buttonlast"><i class="fa fa-twitter fa-2x" aria-hidden="true"></i> </button> <button class="button4 buttonlast"><i class="fa fa-facebook fa-2x" aria-hidden="true"></i> </button> <button class="button4 buttonlast"><i class="fa fa-camera-retro fa-2x" aria-hidden="true"></i> </button> <button class="button4 buttonlast"><i class="fa fa-info-circle fa-2x" aria-hidden="true"></i> </button> <button class="button4 buttonlast"><i class="fa fa-pinterest-p fa-2x" aria-hidden="true"></i> </button> <button class="button4 buttonlast"><i class="fa fa-play fa-2x" aria-hidden="true"></i> </button> </div> <div class="col-sm-3 lastpart"> <h3><span style="color:white">CONTACT US</span></h3> <h1><span style="color:white;"><i class="fa fa-clock-o fa-1x" aria-hidden="true"></i>24X7</span></h1> <h1><span style="color:white;"><i class="fa fa-mobile fa-1x" aria-hidden="true"></span></i>152.586.4286</h1> <p>@2016 ingstad media all right reserved</p> </div> </div> </div>
</div>
<!-- end of lastpart --> </div>
</body>
</html>

Mop-1 - Script Codes CSS Codes

/* css for whole body */
#wholebody{ border:0px solid red;
}
/* css for header */ #header{ height:150px; width:1500px; background-color:#FFFFFF;
}
.headerfloating-box1 { float: left; width: 350px; height: 70px; margin: 0px; border-bottom: 2px solid black;
}
.headerfloating-box2 { float: left; width: 850px; height: 145px; margin: 0px; border: 0px solid #73AD21;
}
.headerbox1 { height:70px; width:1150px; clear: left; border-bottom: 2px solid black;
} #var{
width:1500px;
background-color:white;
}
#subvar1{
width:230px;
float:left;
border:0px solid black;
}
#subvar2{
width:300px;
float:left;
border:0px solid black;
}
#subvar3{
margin-top:10px;
width:300px;
float:left;
border:0px solid black;
}
#subvar3 ul { list-style-type: none; margin: 0; padding: 0; overflow: hidden; background-color: white;
}
#subvar3 li { float: left;
}
#subvar3 li a { display: block; color:#A9A9A9; text-align: center; padding: 14px 16px; text-decoration: none;
}
#subvar3 li a:hover { background-color: #111;
}
.headerbox2 { height:90px; width:1150px; clear: left; border: 0px solid black;
}
.headerbox2 ul { list-style-type: none; margin: 0; padding: 0; overflow: hidden; background-color: white;
}
.headerbox2 li { float: left;
}
.headerbox2 li a { display: block; color: black; text-align: center; padding: 30px 33px; text-decoration: none;
}
.headerbox2 li a:hover { background-color: white; color:#B93F43; border-right:2px solid #B93F43;
}
/* css for header image */
#header img{ margin-top:30px; margin-left:40px; border:4px solid black;
}
/* css for picturefloor */
#picturefloor{ height:500px; width:1500px; background-color:black; border:3px solid red; background-image: url("http://cache4.asset-cache.net/xd/164728005.jpg?v=1&c=IWSAsset&k=2&d=62CA815BFB1CE4807A3D2F6F8D3516CCD1DB44E5599D888AC028D0411CC42E07E4267CA093626DE9"); opacity:.8;
}
#picturefloor h1{ color:white; text-align:center; margin-top:150px; font-size: 50px; font-weight: lighter;
}
#picturefloor p{ text-align:center; color:white;
}
.button-1 { background-color: #A80F14; /* Green */ border: none; color: white; text-align: center; text-decoration: none; display: inline-block; font-size: 16px; margin: 4px 2px; cursor: pointer; margin-left:650px;
}
.buttong {padding:23px 40px;}
/* css for featurebody */ #featurebody{ width:1500px; margin-top:100px;
}
#featurepic{ width:650px; height:600px; border:1px solid black; float:right; position:relative; right:160px;
}
#featurepic img{ position:relative; right:540px; margin-top:60px;
}
.button-2 { background-color: #A80F14; /* Green */ border: none; color: white; text-align: center; text-decoration: none; display: inline-block; font-size: 16px; margin: 4px 2px; cursor: pointer; margin-left:110px; margin-top:30px;
} .button-2 {padding: 14px 23px;}
#featurepic h3{ margin-left:110px; margin-top:-460px;
}
#featurepic h1{ margin-left:110px; color:#A80F14; margin-top:-14px; font-size: 40px;
}
#featurepic p{ margin-top:-17px; margin-left:110px;
}
/* ccs for bigpicture */
.bigpicturebody { float: left; width: 1500px; height: 1000px; margin: 10px; border: 0px solid red; margin-top:150px;
} .section1 { float: left; width: 530px; height: 575px; margin: 0px; border: 0px solid #73AD21;
}
.section2 { float: left; width: 460px; height: 575px; margin: 0px; border: 0px solid #73AD21;
}.section3 { float: left; width: 490px; height: 575px; margin: 0px; border: 0px solid #73AD21;
} .face1 { float: left; width: 530px; height: 130px; margin: 0px; border: 0px solid #73AD21;
}
.face1 p{ margin-top:-20px;
}
.face1 h1{ margin-top:-20px; color:#A80F14;
} .face2 { float: left; width: 530px; height: 400px; margin: 0px; border: 0px solid #73AD21; background-image: url("https://media-cdn.tripadvisor.com/media/photo-s/07/21/a0/6f/keshk-cafe.jpg");
}
.face3 { float: left; width: 260px; height: 450px; margin: 0px; border: 0px solid #73AD21; background-image: url("https://s-media-cache-ak0.pinimg.com/564x/36/4c/3c/364c3c1d5caf2c11e0745f6cc76d82f8.jpg");
}
.face4 { float: left; width: 270px; height: 450px; margin: 0px; border: 0px solid #73AD21; background-image: url("http://cache3.asset-cache.net/gc/566020717-people-standing-along-van-buren-boulevard-gettyimages.jpg?v=1&c=IWSAsset&k=2&d=9QMziWNtBI6whP66vhs4oX%2Fz7xA1tPtgrC%2B5Pa%2B1Wpqe2alJwIOUnzyhy5zoLUFCxWpcxKzEA2TUoJlVhh8uDA%3D%3D");
}
.face9 { float: left; width: 460px; height: 276px; margin: 0px; border: 0px solid #73AD21; background-image: url("https://encrypted-tbn3.gstatic.com/images?q=tbn:ANd9GcR7e3aAUOkWk_BBdD8qsIWRK40dV4a8a0zqEolvFvXbhy9HjTQs");
}
.face7 { float: left; width: 460px; height: 470px; margin: 0px; border: 0px solid #73AD21; background-image: url("http://internet-radio-station.com/wp-content/uploads/2016/05/Radio-Studio-HD-Wallpapers.jpg");
}
.face8 { float: left; width: 460px; height: 230px; margin: 0px; border: 0px solid #73AD21; background-image: url("http://willmarlakesarea2040.com/wp-content/uploads/willmar3.jpg");
}
.face10 { float: left; width: 490px; height: 350px; margin: 0px; border: 0px solid red; background-image: url("https://runnings.cachefly.net/getDynamicImage.aspx?b=00ffffff&path=store/Store9.jpg&h=249&w=410");
}
.face11 { float: left; width: 490px; height: 300px; margin:0px; border: 0px solid red;
background-image: url("http://www.mnhospitaljobs.com/binary/facilities/original/616.jpg");
}
.face12 { float: left; width: 490px; height: 340px; margin: 0px; border: 0px solid red; background-image: url("https://www.heritagebankna.com/wp-content/uploads/2014/10/BBranch_willmar_400x225.jpg");
}
.button3 { background-color: #A80F14; /* Green */ border: none; color: white; text-align: center; text-decoration: none; display: inline-block; font-size: 16px; margin: 4px 2px; cursor: pointer;
}
.button2 {padding: 12px 28px; margin-left:340px;} .button31 {padding: 12px 28px; margin-left:260px;}
.button41{padding: 12px 28px; margin-left:70px;}
.button5 {padding: 12px 28px; margin-left:300px;}
/* css for rowpicture */
#rowpicture{ width:1500px; border:0px solid red;
}
.writing h1{ color:#850319; margin-top:-20px;
}
.writing p{ margin-top:-20px;
}
.margin{ margin-top:100px; margin-bottom:100px;
}
/* css for picture column */
#picturecolumn{ width:1500px; background-color:#F5F5F5;
}
.marginset{ margin-top:150px; margin-bottom:150px;
}
.image1 img{ border-right:1px solid black; margin-top:30px;
}
.image1 p{ margin-left:-30px;
}
.image2 img{ border-right:1px solid black; margin-top:30px;
}
.image2 p{
}
.image3 img{ margin-top:30px; border-right:1px solid black;
}
.image3 p{ margin-left:-30px;
} .image4 img{ margin-top:30px; border-right:1px solid black;
}
.image4 p{ margin-top:30px;
}
.image5 img{ margin-top:30px; border-right:1px solid black;
}
.image6 img{ margin-top:30px; border-right:1px solid black;
}
.image7 img{ margin-top:30px; border-right:1px solid black;
}
.H1part h1{ color:#A80F14;
}
/* css for three image */
#threeimage{ width:1500px; border:0px solid red; margin-top:100px; margin-bottom:100px;
}
.H1 h1{ color:#A80F14; margin-top:-10px;
}
.H1 p{ margin-top:-10px;
}
.imagefeature { text-align:center; float: left; width: 350px; height: 495px; margin: 10px; border: 1px solid black; margin-top:70px;
}
.imagefeature img{
border-bottom:5px solid #A80F14;
margin-left:20px;
margin-top:-70px;
}
/* css for last stage */
#laststage{ border:3px solid #1E1E1E; background-color:#1E1E1E;
}
.lastpart p{ color:white; margin-top:100px;
}
/* css for footer links */
#footer-links { color:black;	width: 200px;	float: right;
} #footer-links ul { text-decoration: none; list-style-type: none; margin: 0; padding: 0; overflow: hidden; background-color: #1D1F20 ; float:left;
}
#footer-links ul li{ margin-top:20px; margin-left:20px;
} #footer-links ul li a { color: white; text-align: center; padding: 10px 16px; text-decoration: none;
}
#footer-links h3{ color:white; margin-left:14px;
}
.summarymargin p{ margin-top:30px;
} .button4 { background-color: #292929; /* Green */ border: none; color: white; text-align: center; text-decoration: none; display: inline-block; font-size: 16px; margin: 4px 2px; cursor: pointer;
} .buttonlast {padding: 16px;}
.buttonlast:hover { background-color: #008CBA; color: white;
}
.margindesign{ margin-top:100px; margin-bottom:100px;
}
Mop-1 - Script Codes
Mop-1 - Script Codes
Home Page Home
Developer MOHIM
Username MOHIM
Uploaded November 22, 2022
Rating 3
Size 7,312 Kb
Views 14,168
Do you need developer help for Mop-1?

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!

MOHIM (MOHIM) Script Codes
Name
Project_one
New
Bulsy
Portfolio
Footer item for projects
Faq
Confidence
Juice
Hotel
Form
Create amazing sales emails 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!