Culinary Arts Institute at MCCC
How do I make an culinary arts institute at mccc?
What is a culinary arts institute at mccc? How do you make a culinary arts institute at mccc? This script and codes were developed by Victor Hall on 13 September 2022, Tuesday.
Culinary Arts Institute at MCCC Previews
Culinary Arts Institute at MCCC - Script Codes HTML Codes
<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>Culinary Arts Institute at MCCC</title> <link rel='stylesheet prefetch' href='https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css'> <link rel="stylesheet" href="css/style.css">
</head>
<body>
<html lang="en">
<head> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> <title>Welcome to the Culinary Arts Institute</title> <meta name="description" content="Pursue a culinary career if you're ready to make your mark, seeking professional skills or a foodie. Learn more about our premier culinary arts programs."> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <!-- Chrome, Firefox OS, Opera and Vivaldi --> <!--<meta name="theme-color" content="#4285f4">--> <!-- Windows Phone --> <!--<meta name="msapplication-navbutton-color" content="#4285f4">--> <!-- iOS Safari --> <!--<meta name="apple-mobile-web-app-status-bar-style" content="#4285f4">--> <!-- Latest compiled and minified CSS --> <!--Start--> <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css"> <link rel="stylesheet" type="text/css" href="css/navigation.css"> <!--End--> <!--Navigation menu script--> <!--Start--> <script src="https://code.jquery.com/jquery-2.2.4.min.js"></script> <!--<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js" integrity="sha384-0mSbJDEHialfmuBBQP6A4Qrprq5OVfW37PRR3j5ELqxss1yVqOtnepnHVP9aJ7xS" crossorigin="anonymous"></script>--> <script src="js/bootstrap.js"></script> <script src="js/navigation.js"></script> <script src="js/dropdown.js"></script> <!-- Latest compiled and minified JavaScript --> <!--end analytics-->
</head>
<body> <!--Add the alert tag here--> <!-- NEW COMPONENT TO SITE --> <!--New Component to Site--> <!--Alert Notification--> <div class="text-center alertNotification" role="alert"> <script src="http://widgets.omnilert.net/ddef2d23e5e536e52a2efc1c04e3bf02-1251" type="text/javascript"></script> </div> <!--NAVIGATION--> <div class="row" id="topNav"> <div class="hidden-xs"> <div class="col-xs-8 col-sm-3"> <a href="#"> <img class="img-responsive static" id="logo" src="http://www3.mc3.edu/victorsandbox/culinarysandbox/images/misc/cai_logo_clear.svg" alt="The Culinary Arts Institute" title="The Culinary Arts Institute"></a> </div> <!--This icon will be hidden when the screen is in mobile--> <div class="col-xs-2 img-responsive" id="visitUs"> <a href="form.html"> <img class="size" src="http://www3.mc3.edu/victorsandbox/culinarysandbox/images/cal_icn.svg" alt="Plan A Visit To Culinary Arts" title="plan a visit to the Culinary Arts Institute"> <span class="text">Visit Us</span></a> </div> <!--This icon will be hidden when the screen is in mobile--> <div class="col-xs-2 img-responsive" id="callNow"> <a href="tel:+2676465970"> <img class="size" src="http://www3.mc3.edu/victorsandbox/culinarysandbox/images/phone_icn.svg" alt="The Culinary Arts Institute: 267-646-5970" title="The Culinary Arts Institute: 267-646-5970"> <span class="text">Call Now</span> <span class="text">267.646.5970</span> </a> </div> <!--This icon will be hidden when the screen is in mobile--> <div class="col-xs-2 img-responsive" id="applyNow"> <a href="http://srvweb-dev-w1/victorsandbox/culinarysandbox/index.html"> <img class="size" src="http://www3.mc3.edu/victorsandbox/culinarysandbox/images/apply_icn.svg" alt="pencil writing on paper" title="Click to apply"> <span class="text">Apply Now</span></a> </div> <!--Added an extra columns to properly space icons--> </div> </div> <!--DROPDOWN MENU--> <!--CUSTOM BOOTSTRAP WAS ADDED TO ALLOW THE HAMBURGER MENU TO APPEAR SOONER BEFORE THE MENU STACKED--> <div class="navbar navbar-default" role="navigation" id="bottomNav"> <div class="container-fluid"> <div class="navbar-header"> <div class="col-xs-8 col-sm-3 hidden-sm hidden-md hidden-lg hidden-xl"> <a href="#"> <img class="img-responsive static" id="logo" src="http://www3.mc3.edu/victorsandbox/culinarysandbox/images/misc/cai_logo_clear.svg" alt="The Culinary Arts Institute" title="The Culinary Arts Institute"></a> </div> <button type="button" class="menuButton navbar-toggle" data-toggle="collapse" data-target="#myNavbar"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> </div> <div class="collapse navbar-collapse" id="myNavbar"> <ul class="nav navbar-nav" id="mainnav"> <!--Mobile Mode--> <div class="row hidden-sm hidden-md hidden-lg hidden-xl"> <div class="col-xs-4 img-responsive hidden-sm hidden-md hidden-lg hidden-xl text-center" id="visitUs"> <a href="form.html"> <img class="collapseSize" src="http://www3.mc3.edu/victorsandbox/culinarysandbox/images/cal_icn.svg" alt="Plan A Visit To Culinary Arts" title="plan a visit to the Culinary Arts Institute"> <span class="iconText">Visit Us</span></a> </div> <div class="col-xs-4 img-responsive hidden-sm hidden-md hidden-lg hidden-xl " id="callNow" data-toggle="dropdown"> <a href="tel:+2676465970"> <img class="collapseSize" src="http://www3.mc3.edu/victorsandbox/culinarysandbox/images/phone_icn.svg" alt="The Culinary Arts Institute: 267-646-5970" title="The Culinary Arts Institute: 267-646-5970"> <span class="iconText">Call Now</span> <span class="iconText">267.646.5970</span> </a> </div> <div class="col-xs-4 img-responsive hidden-sm hidden-md hidden-lg hidden-xl" id="applyNow"> <a href="http://srvweb-dev-w1/victorsandbox/culinarysandbox/index.html"> <img class="collapseSize" src="http://www3.mc3.edu/victorsandbox/culinarysandbox/images/apply_icn.svg" alt="pencil writing on paper" title="Click to apply"> <span class="iconText">Apply Now</span></a> </div> </div> <!--Horizontal line appears in collapsed mode--> <hr class="hidden-sm hidden-md hidden-lg hidden-xl"> <li class="dropdown" id="dropdown-list1"> <a class="dropdown-toggle menu-text" id="list1" data-target="li.dropdown" data-toggle="dropdown" href="#">ABOUT CAI</a> <ul class="dropdown-menu"> <li><a class="dropdownText" href="#">WHO WE ARE</a></li> <li><a class="dropdownText" href="#">SUSTAINABILIY</a></li> <li><a class="dropdownText" href="http://srvweb-dev-w1/victorsandbox/culinarysandbox/chef-bios.html">CHEF BIOS</a></li> <li><a class="dropdownText" href="http://srvweb-dev-w1/victorsandbox/culinarysandbox/faqs.html">FAQ</a></li> <li><a class="dropdownText" href="http://srvweb-dev-w1/victorsandbox/culinarysandbox/facility.html">FACILITY</a></li> <li><a class="dropdownText" href="http://srvweb-dev-w1/victorsandbox/culinarysandbox/community.html">NON-CREDIT & COMMUNITY</a></li> </ul> </li> <!--Horizontal line appears in collapsed mode--> <hr class="hidden-sm hidden-md hidden-lg hidden-xl"> <li class="dropdown" id="dropdown-list2"> <a class="dropdown-toggle menu-text" id="list2" data-target="li.dropdown" data-toggle="dropdown" href="#">WHAT WE OFFER</a> <ul class="dropdown-menu"> <li><a class="dropdownText" href="#">DEGREES & CERTIFICATIONS</a></li> <li><a class="dropdownText" href="#">CLASSES FOR EVERYONE</a></li> </ul> </li> <!--Horizontal line appears in collapsed mode--> <hr class="hidden-sm hidden-md hidden-lg hidden-xl"> <li class="dropdown" id="dropdown-list3"> <a class="dropdown-toggle menu-text " id="list3" data-target="li.dropdown" data-toggle="dropdown" href="#">WHY CAI</a> <ul class="dropdown-menu"> <li><a class="dropdownText" href="http://srvweb-dev-w1/victorsandbox/culinarysandbox/accreditation.html">ACCREDITATION</a></li> <li><a class="dropdownText" href="http://srvweb-dev-w1/victorsandbox/culinarysandbox/tuition-and-fees.html">TUITION & FEES</a></li> <li><a class="dropdownText" href="http://srvweb-dev-w1/victorsandbox/culinarysandbox/cost-comparison.html">COST COMPARISON</a></li> <li><a class="dropdownText" href="http://srvweb-dev-w1/victorsandbox/culinarysandbox/professional-perspectives.html">PROFESSIONAL PERSPECTIVES</a></li> </ul> </li> <!--Horizontal line appears in collapsed mode--> <hr class="hidden-sm hidden-md hidden-lg hidden-xl"> <li class="dropdown" id="dropdown-list4"> <a class="dropdown-toggle menu-text" id="list4" data-target="li.dropdown" data-toggle="dropdown" href="#">COMMUNITY CONNECTIONS</a> <ul class="dropdown-menu"> <li><a class="dropdownText" href="#">FORTY FOOT CAFE</a></li> <li><a class="dropdownText" href="#">BISTRO 1400</a></li> <li><a class="dropdownText" href="#">IN THE NEWS</a></li> <li><a class="dropdownText" href="#">PARTNER WITH US</a></li> </ul> </li> <!--Horizontal line appears in collapsed mode--> <hr class="hidden-sm hidden-md hidden-lg hidden-xl"> <li class="dropdown" id="dropdown-list5"> <a class="dropdown-toggle menu-text" id="list5" data-target="li.dropdown" data-toggle="dropdown" href="#">FUTURE STUDENTS</a> <ul class="dropdown-menu"> <li><a class="dropdownText" href="http://srvweb-dev-w1/victorsandbox/culinarysandbox/programs.html">PROGRAM INFO</a></li> <li><a class="dropdownText" href="http://srvweb-dev-w1/victorsandbox/culinarysandbox/servsafe.html">SERVSAFE</a></li> <li><a class="dropdownText" href="http://srvweb-dev-w1/victorsandbox/culinarysandbox/career-paths.html">CAREER PATHS</a></li> <li><a class="dropdownText" href="http://srvweb-dev-w1/victorsandbox/culinarysandbox/admissions.html">ADMISSIONS</a></li> </ul> </li> </ul> </div> </div> </div>
</body>
</html> <script src="js/index.js"></script>
</body>
</html>
Culinary Arts Institute at MCCC - Script Codes CSS Codes
body{ min-width: 210px;
}
/*All rows will have this css applied to it*/
.row{ margin: none; margin-left: 0px !important; margin-right: 0px !important; padding: 5px; padding-top: 10px; background-color:#87bd40;
}
#topNav{ padding-top: 40px;
}
@media (min-width: 768px) { .dropdown-menu{ border: 1px solid white !important; }
}
.alertNotification{ background-color: rgb(255, 77, 77); color: black;
}
#visitUs{ text-align: center;
}
#callNow{ text-align: center;
}
#applyNow{ text-align: center;
}
/*
* ####################
*** &&&&&&&&&
** &&&&&&
* ******
***/
@media (max-width: 767px){ .menu-text{ font-size: 17px ; font-weight: 700 ; color: white ; text-align: center; display: block; background-color: #87BD40; } .dropdown-menu>li>a { padding: 10px 20px !important; white-space: normal !important; text-align: center; color: white !important;
} .navbar-default .navbar-nav>li>a { color: white !important;
}
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover { background-color: rgba(255,255,255,.15) !important;
}
}
@media (max-width: 768px){ a:hover, a:focus { color: white !important; }
}
/*768 px*/
@media (min-width: 768px){ .menu-text{ font-size: 11px ; font-weight: 700; color: white ; text-align: center; display: block; /*changes the color of the tab when it is in mobile mode*/ background-color: #87BD40; } .row { padding-top: 40px } a:hover, a:focus { color: white !important;
} .dropdown-menu > li> a:hover, .dropdown-menu > li> a:focus { color: #87bd40 !important; background-color: white !important; } #mainnav > li > a:hover, #mainnav > li > a:focus { color: rgba(245, 245, 245, 0.57) !important
} .text{ font-size: 12px !important; font-weight: 700 !important; color: white !important; text-align: center !important; display: block;
} .dropdownText{ font-size: 9px !important; font-weight: 699 !important; color: white !important; text-align: center !important; display: block; }
.size{ width: 35px;
}
#logo
{ margin-left: 18px; width: 127px;
} .navbar-default .navbar-nav>li>a { color: white;
}
.container-fluid{ max-width: 768px; } .nav{ padding-left: 0px !important; } #topNav{ padding-right: 70px; padding-bottom: 10px; } #list1{ width: 125px; text-align: center; } #list2{ width: 138px; text-align: center; } #list3{ width: 108px; text-align: center; } #list4{ width: 183px; text-align: center; } #list5{ width: 137px; text-align: center; }
}
@media (max-width: 768px) { #list1{ text-align: center !important; } #list2{ text-align: center !important; } #list3{ text-align: center !important; } #list4{ text-align: center !important; } #list5{ text-align: center !important; }
}
/*992*/
@media (min-width: 992px){ .menu-text{ font-size: 16px ; font-weight: 700 ; color: white ; text-align: center; display: block; /*changes the color of the tab when it is in mobile mode*/ background-color: #87BD40; } .text{ font-size: 16px !important; font-weight: 700 !important; color: white !important; text-align: center !important; display: block;
}
.dropdownText{ font-size: 11px !important; font-weight: 699 !important; color: white !important; text-align: center !important; display: block; }
.size{ width: 40px;
} .navbar-default .navbar-nav>li>a { color: white;
}
.container-fluid{ max-width: 992px; }
#logo
{ margin-left: 18px; width: 145px;
} #topNav{ padding-right: 179px; padding-bottom: 10px; } #list1{ width: 142px; text-align: center; } #list2{ width: 171px; text-align: center; } #list3{ width: 140px; text-align: center; } #list4{ width: 266px; text-align: center; } #list5{ width: 196px; text-align: center; }
}
/*768*/
@media (max-width: 992px) { #list1{ text-align: center !important; } #list2{ text-align: center !important; } #list3{ text-align: center !important; } #list4{ text-align: center !important; } #list5{ text-align: center !important; }
}
/*1200*/
@media (min-width: 1200px){ .menu-text{ font-size: 20px !important; font-weight: 700 !important; color: white !important; text-align: left; display: block; /*changes the color of the tab when it is in mobile mode*/ background-color: #87BD40 !important;
} .text{ font-size: 17px !important; font-weight: 700 !important; color: white !important; text-align: center !important; display: block;
}
.dropdownText{ font-size: 13px !important; font-weight: 699 !important; color: white !important; text-align: center !important; display: block; }
.size{ width: 50px;
}
.container-fluid{ max-width: 1200px !important; } #logo{ margin-left: 18px; width: 160px;
} #topNav{ padding-right: 142px; padding-bottom: 30px; } #list1{ width: 197px; text-align: center; } #list2{ width: 222px; text-align: center; } #list3{ width: 171px; text-align: center; } #list4{ width: 307px; text-align: center; } #list5{ width: 225px; text-align: center; }
}
/*768*/
/*1065 px*/
@media (max-width: 768px) { .navbar-default .navbar-collapse, .navbar-default .navbar-form { border-color: #87BD40; border: none;
}
}
/*.size{ width: 50px;
}*/
.collapseSize{ width: 35px;
}
.iconText{ font-size: 13px !important; font-weight: 650 !important; color: white !important; text-align: center !important; display: block;
}
.tabText{ font-size: 14px !important; font-weight: 700 !important; color: white !important; text-align: center !important; display: block;
}
/*.dropdownText{ font-size: 12.9px !important; font-weight: 699 !important; color: white !important; text-align: center !important; display: block;
}*/
/*css for top of naviations*/
/*.text{ font-size: 14px !important; font-weight: 700 !important; color: white !important; text-align: center !important; display: block;
}*/
/*#logo
{ margin-left: 35px; width: 170px;
}*/
@media (max-width: 767px){ .static{ min-width: 100px !important; margin-left: 0px !important; border-left: 0px !important; } #logo{ margin-left: 0 !important; margin-bottom: 40px; }
}
/*Centers the navigation menu*/
.navbar{ margin-bottom: 1px !important;
}
@media (min-width: 768px){
.navbar { border-radius: 0px !important; }
}
@media (max-width: 767px){
.navbar-nav .open .dropdown-menu { height: inherit; }
}
/*Css for navigation*/
.dropdown-menu{ min-width: 0 !important; width: 100%; border: none; height: 250px; background-color: #87BD40 !important;
}
@media (min-width: 768px){ .dropdown-menu{ padding: 0px !important; }
}
/*Css for text styling of navigation*/
/*when an element in the dropdown menu is hovered
it changes the element highlighter to this color*/
/*Increases the padding of each element in the dropdown menu
This allows for more space between list items*/
.dropdown-menu>li>a { padding: 10px 20px !important; white-space: normal !important;
}
/*changes background color of the navigation bar*/
.navbar-default{ background-color: #87bd40 !important; border: none !important;
}
/*changes the color of a tab when it is selected*/
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover { color: #555; background-color: #87bd40 !important;
}
/*changes the color of a tab when it is selected*/
@media (min-width: 768px){ .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover { color: white; background-color: #87bd40 !important; }
}
/*Changes color of tab when navigation tab is hovered*/
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover{ background-color: #87bd40;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form { border-color: #87BD40; background-color: #87BD40;
}
/*Background of menu when it is in collapse mode*/
.container-fluid>.navbar-collapse, .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header { background-color: #87BD40 !important;
}
/*Background color for the border of the hamburger button*/
.navbar-default .navbar-toggle { border-color: #FFFFFF !important;
}
/*Background color of hamburger icons*/
.navbar-default .navbar-toggle .icon-bar { background-color: #FFFFFF !important;
}
/*Color of the hamburger menu when it is focused*/
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background-color: rgba(255,255,255,0.15) !important;
}
/*When the hamburger menu is hovered the background will change to this*/
.navbar-default .navbar-toggle:hover { background-color: rgba(255,255,255,0.15);
}
.container>.navbar-header, .container-fluid>.navbar-header, .container>.navbar-collapse, .container-fluid>.navbar-collapse{ margin-right: 0px !important; margin-left: 0px !important;
}
@media (min-width: 768px){
#mainnav:hover ul { visibility : visible; opacity : 1; height : 250px; transition-delay: 0s; }
}
@media (min-width: 768px) { #mainnav:hover ul { opacity: 0.94; } #mainnav ul > li > a:hover { background-color: white !important; color: #87BD40 !important; } #mainnav > li:hover > ul { background-color: #a3d65e !important; }
}
.menuButton
{ margin-top: 30px;
}Culinary Arts Institute at MCCC - Script Codes JS Codes
$(document).ready(function () {
//Causes the lists to show when the hamburger menu is pressed $("button.navbar-toggle").click(function () { if (!$("div#myNavbar").hasClass("in")) { $("li.dropdown").addClass("open"); } }); $(".dropdown").hover(function () { if ($(window).width() > 785) { $("li.dropdown").addClass("open"); } }, function () { if ($(window).width() > 765) { $("li.dropdown").removeClass("open"); } }); $(window).resize(function () { if ($(window).width() < 786){ if ($("div#myNavbar").hasClass("in") && (!$("li.dropdown").hasClass("open"))) { $("li.dropdown").addClass("open"); } } });
//makes a tag disabled so that the list cannot collapse if($(window).width() <= 768){ $(' li > a#list1').on('click',function() { $(this).prop("disabled",true); }); $(' li > a#list2').on('click',function() { $(this).prop("disabled",true); }); $(' li > a#list3').on('click',function() { $(this).prop("disabled",true); }); $(' li > a#list4').on('click',function() { $(this).prop("disabled",true); }); $(' li > a#list5').on('click',function() { $(this).prop("disabled",true); }); }
});
| Developer | Victor Hall |
| Username | vhall_io |
| Uploaded | September 13, 2022 |
| Rating | 3 |
| Size | 6,079 Kb |
| Views | 26,312 |
Do you need developer help for Culinary Arts Institute at MCCC?
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!
Victor Hall (vhall_io) Script Codes
| Name | Size |
| Weather | 3,741 Kb |
| Random Quote Machine Complete | 4,076 Kb |
| Sum All Primes | 1,628 Kb |
| Smallest Common Multiple | 2,702 Kb |
| Wikipedia Viewer | 2,665 Kb |
| Arguments Optional | 1,562 Kb |
| Steamroller | 1,888 Kb |
| A Pen by Victor Hall | 2,047 Kb |
| AngularJS | 2,021 Kb |
| Pig Latin | 1,837 Kb |
Create amazing Facebook ads 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!
Similar Scripts & Codes
| Name | Username | Size |
| Brian The CSS Bee | Jonitrythall | 3,922 Kb |
| A form arranged using automatic placement. | Vikasford | 2,103 Kb |
| Banner Ad | Raquellorenzana | 4,172 Kb |
| P5.js data visualization | Enginarslan | 2,233 Kb |
| Text Blocks Over Image, Updated | KatieK2 | 3,122 Kb |
| Apple website | Jds317 | 1,835 Kb |
| Perspective Origin Demo | Agelber | 3,614 Kb |
| Expert Help | SinceSidSlid | 4,064 Kb |
| Box-sizing | Elad2412 | 1,572 Kb |
| AngularJS Datalist Directive | M-e-conroy | 2,366 Kb |
Do you want hide your ip address?
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!