Educenter
How do I make an educenter?
What is a educenter? How do you make a educenter? This script and codes were developed by Evgen Kaban on 07 January 2023, Saturday.
Educenter - Script Codes HTML Codes
<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>Educenter</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> <html lang="en" ng-app>
<!-- saved from url=(0077)https://d396qusza40orc.cloudfront.net/phoenixassets/web-frameworks/index.html -->
<html lang="en"><head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags --> <title>Ristorante Con Fusion</title> <!-- Latest compiled and minified CSS -->
<!-- Latest compiled and minified CSS -->
<style type="text/css">:root [href^="http://www.amazon."][href*="tag="]{ display: none !important; }</style> </head>
<body> <nav class="navbar navbar-inverse navbar-fixed-top" role="navigation"> <div class="container"> <div class="navbar-header"> <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <a class="navbar-brand" href="#">Ristorante Con Fusion</a> </div> <div id="navbar" class="navbar-collapse collapse"> <ul class="nav navbar-nav"> <li><a href="#"><span class="glyphicon glyphicon-home" ria-hidden="true"></span> Home</a></li> <li><a href="#"><span class="glyphicon glyphicon-info-sign" ria-hidden="true"></span> About</a></li> <li><a href="#"><span class="glyphicon glyphicon-info-sign" ria-hidden="true"></span> Menu</a></li> <li><a href="#">Contact</a></li> </ul> </div> </div> </nav> <header class="jumbotron"> <!-- Main component for a primary marketing message or call to action --> <div class="container"> <div class="row row-header"> <div class="col-xs-12 col-sm-12 col-lg-10"> <h2>Open the world of opportunities!</h2> <p>Learn to communicate with the world around you.</p> </div> </div> </div> </header> <div class="container"> <div class="row row-content red lightBlue"> <div class="col-xs-10 col-xs-offset-1 col-sm-5 col-sm-offset-1 col-lg-5 col-lg-offset-1 yellow"> <p style="padding:20px;"></p> <h2 align="center">Studying Foreign Languages</h2> <h3>Every foreign language has its own momentum.</h3> <p>TThe more you learn, the more you want to learn. Say you love Italian food and decide to study Italian. At first it's hard. But one day you meet some Italian tourists on the bus and you understand enough to point them towards their hotel. Before you part ways, they give you their e-mail address. Now you can easily communicate with them and study some more.</p> </div> <div class="col-xs-10 col-xs-offset-1 col-sm-5 col-sm-offset-0 col-lg-5 col-lg-offset-0 green"> <div class="gay_picture"></div> </div> </div> <div class="row row-content red" ng-init=" dishes_1=[ { fa: 'fa_reasons fa fa-book', name: 'English is spoken all over the world', description:'English is not the most widely spoken language (that title goes to Chinese), but it does come in third, after Spanish.
And the number of 335 million native speakers is respectable.' }, { fa: 'fa_reasons fa fa-envelope', name: 'Education and research opportunities', description:'Thinking of studying abroad or publishing a research paper? Chances are you will decide to learn English at some point along the way, or to study at your chosen institution.' }, { fa: 'fa_reasons fa fa-briefcase', name: 'The language of cinema and music', description:'If you like going to the movies and are a fan of sitcoms, then English should be on your list. That’s because so many of the world’s films are written and produced in English.', }]; dishes_2=[ { fa: 'fa_reasons fa fa-graduation-cap', name: 'International business requires English', description:'In terms of international commerce, English is the language to learn. When the Chinese do business in Egypt, the negotiations and transactions happen in English.', }, { fa: 'fa_reasons fa fa-map-o', name: 'A perfect language for traveling', description:'If you travel often, you’ll note signs tend to come in the local tongue first and English second. That’s because English is considered the most popular international language.', }, { fa: 'fa_reasons fa fa-users', name: 'Hemingway and Harry Potter', description:'English has been around for a long time and English speaking writers have always been a fairly prolific bunch, both in Great Britain and the United States.', } ] "> <div class="col-xs-12 col-sm-12 col-lg-12"> <div class="col-xs-12 col-sm-12 col-lg-12"> <h2 align="center">6 reasons to start learn language</h2> <p style="padding:20px;"></p> </div> <div class="col-xs-10 col-xs-offset-1 col-sm-5 col-sm-offset-1 col-lg-5 col-lg-offset-1 green" > <ul class="media-list"> <li class="media" ng-repeat="dish in dishes_1"> <div class="media-left media-top"> <i style="font-size: 50px; color: #FF8C00;" class="{{dish.fa}}"></i> </div> <div class="media-body"> <h5 class="media-heading">{{dish.name}}</h5> <p style="font-size: 12px;" >{{dish.description}}</p> </div> <p style="padding:5px;"></p> </li> </ul> </div> <div class="col-xs-10 col-xs-offset-1 col-sm-5 col-sm-offset-0 col-lg-5 col-lg-offset-0 yellow" > <ul class="media-list"> <li class="media" ng-repeat="dish in dishes_2"> <div class="media-left media-middle"> <i style="font-size: 50px; color: #FF8C00;" class="{{dish.fa}}"></i> </div> <div class="media-body"> <h5 class="media-heading">{{dish.name}}</h5> <p style="font-size: 12px;">{{dish.description}}</p> </div> <p style="padding:5px;"></p> </li> </ul> </div> </div> </div> <div class="row row-content red lightBlue"> <div class="col-xs-10 col-xs-offset-1 col-sm-5 col-sm-offset-1 col-lg-5 col-lg-offset-1 green "> <div class="world_picture"></div> </div> <div class="col-xs-10 col-xs-offset-1 col-sm-5 col-sm-offset-0 col-lg-5 col-lg-offset-0 yellow"> <p style="padding:20px;"></p> <h2 align="center">Our Book Center is an official distributor of Oxford University Press</h2> <h3>We offer a wide range of books for teachers and students.</h3> <p>The Book Center provides schools, language centers, colleges and universities with English teaching materials from Seattle to Miami. Our dealers work in almost all states.</p> </div> </div> <div class="row row-content get_free"> <div class="col-xs-10 col-xs-offset-1 col-sm-10 col-sm-offset-1 col-lg-10 col-lg-offset-1"> <h2>Get your free e-mail course!</h2> <p>30 lessons per week, Upper-Intermediate to Advanced levels, course length: 4, 8-12 weeks</p> </div> <div class="col-xs-12 col-sm-12 col-lg-10 col-lg-offset-1"> <div> <input class="form-control" style="width: 200px; margin: 0 auto" id="ex3" type="text" placeholder="email"> <button type="button" class="btn btn-warning btn-md">I WANT A COURSE</button> </div> </div> </div> <div class="row row-content" style= "margin: -50px 0 -50px 0"> <div class="col-xs-12"> <div id="mycarousel" class="carousel slide" data-ride="carousel"> <!-- Indicators --> <ol class="carousel-indicators"> <li style= "margin: 0 0 0 100px" data-target="#mycarousel" data-slide-to="0" class="active"></li> <li data-target="#mycarousel" data-slide-to="1"></li> <li data-target="#mycarousel" data-slide-to="2"></li> </ol> <!-- Wrapper for slides --> <div class="carousel-inner" role="listbox"> <div class="item active"> <img class="img-responsive" src="http://lorempixel.com/output/people-q-c-100-100-9.jpg" alt="Uthappizza"> <div class="carousel-caption"> <p style="font-size: 20px; margin: 0 0 0 100px">Two unforgettable weeks in Langerba! I would like to thank all the teachers for their positive spirit, amazing lessons and high professionalism. I will miss our lessons!</br>Anna</p> </div> </div> <div class="item"> <img class="img-responsive" src="http://lorempixel.com/output/people-q-c-100-100-9.jpg" alt="Uthappizza"> <div class="carousel-caption"> <p style="font-size: 20px; margin: 0 0 0 100px">I just can praise the professionalism and kindness of the staff working here. They advised me on the best courses for my level and allowed me to change them at any time. Thank you all.</br>Svetlana</p> </div> </div> <div class="item"> <img class="img-responsive" src="http://lorempixel.com/output/people-q-c-100-100-9.jpg" alt="Uthappizza"> <div class="carousel-caption"> <p style="font-size: 20px; margin: 0 0 0 100px">I enjoyed my experience with you. It was worth every spent dollar. More than just the language, I learned about so many different cultures and made friends from all over the world.</br>Irina</p> </div> </div> </div> </div> </div> </div> <div class="row row-content foto red"> <div class="col-xs-10 col-xs-offset-1 col-sm-4 col-sm-offset-0 col-lg-4 col-lg-offset-0 green "> <p style="padding:5px;"></p> <div class="people_picture_1"></div> </div> <div class="col-xs-10 col-xs-offset-1 col-sm-4 col-sm-offset-0 col-lg-4 col-lg-offset-0 yellow"> <p style="padding:5px;"></p> <div class="people_picture_1"></div> </div> <div class="col-xs-10 col-xs-offset-1 col-sm-4 col-sm-offset-0 col-lg-4 col-lg-offset-0 red"> <p style="padding:5px;"></p> <div class="people_picture_1"></div> </div> </div> </div> </div> </div> <footer class="row-footer"> <div class="container"> <div class="row"> <div class="col-xs-5 col-xs-offset-1 col-sm-2 col-sm-offset-1"> <h5>Links</h5> <ul class="list-unstyled"> <li><a href="https://d396qusza40orc.cloudfront.net/phoenixassets/web-frameworks/index.html#">Home</a></li> <li><a href="https://d396qusza40orc.cloudfront.net/phoenixassets/web-frameworks/index.html#">About</a></li> <li><a href="https://d396qusza40orc.cloudfront.net/phoenixassets/web-frameworks/index.html#">Menu</a></li> <li><a href="https://d396qusza40orc.cloudfront.net/phoenixassets/web-frameworks/index.html#">Contact</a></li> </ul> </div> <div class="col-xs-12 col-sm-5"> <h5>Our Address</h5> <address> 121, Clear Water Bay Road<br> Clear Water Bay, Kowloon<br> HONG KONG<br> <i class="fa fa-phone"></i>: +852 1234 5678<br> <i class="fa fa-fax"></i>: +852 8765 4321<br> <i class="fa fa-envelope"></i>: <a href="mailto:[email protected]">[email protected]</a> </address> </div> <div class="col-xs-12 col-sm-4"> <div style="padding: 40px 10px;"> <div class="nav navbar-nav" style="padding: 40px 10px;"> <a class="btn btn-social-icon btn-google-plus" href="https://google.com/+"><i class="fa fa-google-plus"></i></a> <a class="btn btn-social-icon btn-facebook" href="https://www.facebook.com/profile.php?id="><i class="fa fa-facebook"></i></a> <a class="btn btn-social-icon btn-linkedin" href="https://www.linkedin.com/in/"><i class="fa fa-linkedin"></i></a> <a class="btn btn-social-icon btn-twitter" href="https://twitter.com/"><i class="fa fa-twitter"></i></a> <a class="btn btn-social-icon btn-youtube" href="https://youtube.com/"><i class="fa fa-youtube"></i></a> <a class="btn btn-social-icon" href="mailto:"><i class="fa fa-envelope-o"></i></a> </div> </div> </div> <div class="col-xs-12"> <p style="padding:10px;"></p> <p align="center">© Copyright 2015 Ristorante Con Fusion</p> </div> </div> </div> </footer>
<!-- Latest compiled and minified JavaScript --> <script src="https://use.fontawesome.com/622cc25ba3.js"></script>
</body></html> <script src='https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/js/bootstrap.min.js'></script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.0/jquery.min.js'></script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.5.8/angular.min.js'></script> <script src="js/index.js"></script>
</body>
</html>
Educenter - Script Codes CSS Codes
.jumbotron { padding:0px 0px 0px 0px; margin:0px auto; height: 600px; background: #003c5a; color:floralwhite; background-image: url(http://static.livedemo00.template-help.com/wt_58328/images/page01_img01.png); background-size: cover; background-repeat: no-repeat; 0background-attachment:fixed; background-position:center top; text-align: center;
}
.jumbotron p{ color: #4682B4; font-size: 14px;
}
.row-header{ margin:0px auto; padding:80px 0px 0px 0px; font-size: 40px;
}
.row-content { margin:0px auto; padding: 50px 0px 50px 0px; border-bottom: 1px ridge; min-height:400px;
}
.row-footer{ background-color: #AfAfAf; margin:0px auto; padding: 20px 0px 20px 0px;
}
address{ font-size:80%; margin:0px; color:#0f0f0f;
}
body{ padding:50px 0px 0px 0px; z-index:0;
}
.navbar-inverse { 0background: #303F9F; background: #003c5a; border: none;
}
.gay_picture{ width: 100%; height: 400px; background-image: url(http://static.livedemo00.template-help.com/wt_58328/images/page01_img02.png); background-size: cover; background-repeat: no-repeat; 0background-attachment:fixed; background-position:center top; text-align: center;
}
.lightBlue{ background: #edf4f8;
}
.world_picture{ width: 100%; height: 400px; background-image: url(http://static.livedemo00.template-help.com/wt_58328/images/page01_img03.png); background-size: cover; background-repeat: no-repeat; 0background-attachment:fixed; background-position:center top; text-align: center;
}
.get_free{ padding:50px 0px 50px 0px; margin:0px auto; min-height:250px; background: #003c5a; color:floralwhite; text-align: center; font-size: 30px;
}
.get_free p{ color: #4682B4; font-size: 14px;
}
.red{ background: red;
}
..green{ background: green;
}
..yellow{ background: yellow;
}
.carousel { background:#FF8C00;
}
.carousel .item { height: 300px;
}
.item img { position: absolute; top: 0; left: 0; min-height: 300px;
}
.people_picture_1, .people_picture_2, .people_picture_3 { width: 100%; height: 300px; background-image: url(http://lorempixel.com/output/people-q-c-640-480-7.jpg); background-size: cover; background-repeat: no-repeat; 0background-attachment:fixed; background-position:center top; text-align: center;
}
Educenter - Script Codes JS Codes
$(document).ready(function(){ $('[data-toggle="tooltip"]').tooltip();
});
$(document).ready(function(){ $("#mycarousel").carousel( { interval: 2000 } ); $("#carousel-pause").click(function(){ $("#mycarousel").carousel('pause'); }); $("#carousel-play").click(function(){ $("#mycarousel").carousel('cycle'); });
});
Developer | Evgen Kaban |
Username | Evgen097 |
Uploaded | January 07, 2023 |
Rating | 3 |
Size | 6,291 Kb |
Views | 6,072 |
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!
Name | Size |
English game | 2,797 Kb |
Game_2 | 4,529 Kb |
Welcome | 2,078 Kb |
Bootstrap | 4,042 Kb |
Full sait | 5,615 Kb |
Showcase your | 3,087 Kb |
Sceleton | 2,910 Kb |
Game 3 | 4,998 Kb |
A Pen by Evgen Kaban | 2,693 Kb |
JQwery_add_class | 2,247 Kb |
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!
Name | Username | Size |
Spiralator 9000 | AdmiralPotato | 4,671 Kb |
Headroom.js demo | WickyNilliams | 3,982 Kb |
Electric worm | Jeffibacache | 2,377 Kb |
LAMP PURE CSS with Animation | Dam62500 | 2,911 Kb |
Another brick in the wall | Fivera | 1,955 Kb |
Print element on a page | Mrs_snow | 2,081 Kb |
Dragonball Dragon Radar | DouglasGlover | 2,157 Kb |
A Pen by Mike Otis | Mikeotis | 3,185 Kb |
The Monty Hall Problem | Melatonind | 4,360 Kb |
Glitchy Text Effect | Kescoe | 2,208 Kb |
Surf anonymously, prevent hackers from acquiring your IP address, send anonymous email, and encrypt your Internet connection. High speed, ultra secure, and easy to use. Instant setup. Hide Your IP Now!