Search
Go
UAB Quicklinks
UAB Home
Academic Calendar
Accessibility
AdminSystems
Apply
AskIT
Blazer Express
BlazerNET
Bookstore
Campus Calendar
Campus Map
Canvas
Departments
Directory
Email
Emergency/B-Alert
Employee Resources
Employment
Give to UAB
Research Administration
UAB eLearning
More Items
Home
HireABlazer
Diversity & Inclusion
News
Make an Appointment
UAB Career Guide
Workshop Request Form
"Tomorrow belongs to those who prepare for it today." - Malcolm X
CAREER & PROFESSIONAL DEVELOPMENT
</div> </div> </div> </div> <script> (function($){ // get the images of the gallery and replace it by a canvas of the same size to fix the problem with overlapping images on load. $('img[width][height]:not(.uk-overlay-panel)', $('#wk-grid7ff')).each(function() { var $img = $(this); if (this.width == 'auto' || this.height == 'auto' || !$img.is(':visible')) { return; } var $canvas = $('<canvas class="uk-responsive-width"></canvas>').attr({width:$img.attr('width'), height:$img.attr('height')}), img = new Image, release = function() { $canvas.remove(); $img.css('display', ''); release = function(){}; }; $img.css('display', 'none').after($canvas); $(img).on('load', function(){ release(); }); setTimeout(function(){ release(); }, 1000); img.src = this.src; }); })(jQuery); </script> </div> </div> </div> </div> </div> <div class="moduletable"> <div id="wk-grid5c8" class="uk-grid-width-1-1 uk-grid-width-small-1-1 uk-grid-width-medium-1-2 uk-grid-width-large-1-3 uk-grid-width-xlarge-1-3 uk-grid uk-grid-match uk-grid-collapse " data-uk-grid-match="{target:'> div > .uk-panel', row:true}" data-uk-grid-margin data-uk-scrollspy="{cls:'uk-animation-fade uk-invisible', target:'> div > .uk-panel', delay:300}"> <div> <div class="uk-panel uk-invisible"> <figure class="uk-overlay uk-overlay-hover "> <img src="/students/cpd/images/FDGrid/employer-gallery.jpg" alt="EMPLOYERS" width="670" height="430"> <div class="uk-overlay-panel uk-overlay-background uk-overlay-fade"></div> <div class="uk-overlay-panel uk-overlay-fade uk-flex uk-flex-center uk-flex-middle uk-text-center"> <div> <div class="uk-margin-small"> <h2 class="gallery_wk_font">EMPLOYERS</h2> <p style="text-align: center; color:#fff;" class="gallery_wk_font"> "Time spent on hiring is time well spent" </p> <p style="text-align: center;" class="greenGhostButton"><a class="yellowbg gallery_wk_font" target="_new" href="/students/cpd/employers/">DETAILS</a></p></div> </div> </div> </figure> </div> </div> <div> <div class="uk-panel uk-invisible"> <figure class="uk-overlay uk-overlay-hover "> <img src="/students/cpd/images/FDGrid/faculty-staff.jpg" alt="FACULTY & STAFF" width="670" height="430"> <div class="uk-overlay-panel uk-overlay-background uk-overlay-fade"></div> <div class="uk-overlay-panel uk-overlay-fade uk-flex uk-flex-center uk-flex-middle uk-text-center"> <div> <div class="uk-margin-small"><h2 class="gallery_wk_font">FACULTY & STAFF</h2> <p style="text-align: center; color:#fff;" class="gallery_wk_font"> "Developing a meaningful career is something students should be engaged in throughout their entire academic experience.” –Kevin Kruger, NASPA </p> <p style="text-align: center;" class="greenGhostButton"><a class="yellowbg gallery_wk_font" target="_new" href="/students/cpd/faculty-staff/">DETAILS</a></p></div> </div> </div> </figure> </div> </div> <div> <div class="uk-panel uk-invisible"> <figure class="uk-overlay uk-overlay-hover "> <img src="/students/cpd/images/FDGrid/graduate-students.jpg" alt="GRADUATE STUDENTS" width="670" height="430"> <div class="uk-overlay-panel uk-overlay-background uk-overlay-fade"></div> <div class="uk-overlay-panel uk-overlay-fade uk-flex uk-flex-center uk-flex-middle uk-text-center"> <div> <div class="uk-margin-small"><h2 class="gallery_wk_font">GRADUATE STUDENTS</h2> <p style="text-align: center; color:#fff;" class="gallery_wk_font">“What you get by achieving your goals is not as important as what you become by achieving your goals.” - Henry David Thoreau</p> <p style="text-align: center;" class="greenGhostButton"><a class="yellowbg gallery_wk_font" target="_new" href="/students/cpd/graduate-students">DETAILS</a></p> </div> </div> </div> </figure> </div> </div> <div> <div class="uk-panel uk-invisible"> <figure class="uk-overlay uk-overlay-hover "> <img src="/students/cpd/images/FDGrid/networking.jpg" alt="NETWORKING" width="670" height="430"> <div class="uk-overlay-panel uk-overlay-background uk-overlay-fade"></div> <div class="uk-overlay-panel uk-overlay-fade uk-flex uk-flex-center uk-flex-middle uk-text-center"> <div> <div class="uk-margin-small"><h2 class="gallery_wk_font">NETWORKING</h2> <p style="text-align: center; color:#fff;" class="gallery_wk_font"> "Don't let the word networking scare you" </p> <p style="text-align: center;" class="greenGhostButton"><a class="yellowbg gallery_wk_font" target="_new" href="/students/cpd/students/networking">DETAILS</a></p></div> </div> </div> </figure> </div> </div> <div> <div class="uk-panel uk-invisible"> <figure class="uk-overlay uk-overlay-hover "> <img src="/students/cpd/images/FDGrid/get-experience-2.jpg" alt="GET EXPERIENCE" width="670" height="430"> <div class="uk-overlay-panel uk-overlay-background uk-overlay-fade"></div> <div class="uk-overlay-panel uk-overlay-fade uk-flex uk-flex-center uk-flex-middle uk-text-center"> <div> <div class="uk-margin-small"><h2 class="gallery_wk_font">GET EXPERIENCE</h2> <p style="text-align: center; color:#fff;" class="gallery_wk_font"> "The best way to predict the future is to create it" </p> <p style="text-align: center;" class="greenGhostButton"><a class="yellowbg gallery_wk_font" target="_new" href="/students/cpd/students/get-experience-while-you-are-in-school">DETAILS</a></p></div> </div> </div> </figure> </div> </div> <div> <div class="uk-panel uk-invisible"> <figure class="uk-overlay uk-overlay-hover "> <img src="/students/cpd/images/FDGrid/resume.jpg" alt="RESUME" width="670" height="430"> <div class="uk-overlay-panel uk-overlay-background uk-overlay-fade"></div> <div class="uk-overlay-panel uk-overlay-fade uk-flex uk-flex-center uk-flex-middle uk-text-center"> <div> <div class="uk-margin-small"><h2 class="gallery_wk_font">RESUME</h2> <p style="text-align: center; color:#fff;" class="gallery_wk_font"> "A resume should tell a story about who you are & what you have accomplished" </p> <p style="text-align: center;" class="greenGhostButton"><a class="yellowbg gallery_wk_font" target="_new" href="/students/cpd/students/resume">DETAILS</a></p></div> </div> </div> </figure> </div> </div> <div> <div class="uk-panel uk-invisible"> <figure class="uk-overlay uk-overlay-hover "> <img src="/students/cpd/images/FDGrid/interviewing.jpg" alt="INTERVIEWING" width="670" height="430"> <div class="uk-overlay-panel uk-overlay-background uk-overlay-fade"></div> <div class="uk-overlay-panel uk-overlay-fade uk-flex uk-flex-center uk-flex-middle uk-text-center"> <div> <div class="uk-margin-small"><h2 class="gallery_wk_font">INTERVIEWING</h2> <p style="text-align: center; color:#fff;" class="gallery_wk_font">"33% of bosses know within the first 90 seconds of an interview whether they will hire someone"</p> <p style="text-align: center;" class="greenGhostButton"><a class="yellowbg gallery_wk_font" target="_new" href="/students/cpd/students/interview">DETAILS</a></p></div> </div> </div> </figure> </div> </div> <div> <div class="uk-panel uk-invisible"> <figure class="uk-overlay uk-overlay-hover "> <img src="/students/cpd/images/FDGrid/newpath.jpg" alt="FIND A NEW PATH" width="670" height="430"> <div class="uk-overlay-panel uk-overlay-background uk-overlay-fade"></div> <div class="uk-overlay-panel uk-overlay-fade uk-flex uk-flex-center uk-flex-middle uk-text-center"> <div> <div class="uk-margin-small"><h2 class="gallery_wk_font">FIND A NEW PATH</h2> <p style="text-align: center; color:#fff;" class="gallery_wk_font"> "Sometimes you find out what you are supposed to be doing by doing the things you are not supposed to do." - Oprah Winfrey </p> <p style="text-align: center;" class="greenGhostButton"><a class="yellowbg gallery_wk_font" target="_new" href="/students/cpd/students/find-a-new-path">DETAILS</a></p></div> </div> </div> </figure> </div> </div> <div> <div class="uk-panel uk-invisible"> <figure class="uk-overlay uk-overlay-hover "> <img src="/students/cpd/images/FDGrid/meet-staff.jpg" alt="MEET THE STAFF" width="670" height="430"> <div class="uk-overlay-panel uk-overlay-background uk-overlay-fade"></div> <div class="uk-overlay-panel uk-overlay-fade uk-flex uk-flex-center uk-flex-middle uk-text-center"> <div> <div class="uk-margin-small"><h2 class="gallery_wk_font">MEET THE STAFF</h2> <p style="text-align: center; color:#fff;" class="gallery_wk_font"> "We rise by lifting others." - Robert Lingersoll </p> <p style="text-align: center;" class="greenGhostButton"><a class="yellowbg gallery_wk_font" target="_new" href="/students/cpd/make-an-appointment">DETAILS</a></p></div> </div> </div> </figure> </div> </div> </div> <script> (function($){ // get the images of the gallery and replace it by a canvas of the same size to fix the problem with overlapping images on load. $('img[width][height]:not(.uk-overlay-panel)', $('#wk-grid5c8')).each(function() { var $img = $(this); if (this.width == 'auto' || this.height == 'auto' || !$img.is(':visible')) { return; } var $canvas = $('<canvas class="uk-responsive-width"></canvas>').attr({width:$img.attr('width'), height:$img.attr('height')}), img = new Image, release = function() { $canvas.remove(); $img.css('display', ''); release = function(){}; }; $img.css('display', 'none').after($canvas); $(img).on('load', function(){ release(); }); setTimeout(function(){ release(); }, 1000); img.src = this.src; }); })(jQuery); </script> </div> </div> <div style="clear:both"></div> <div style="clear:both"></div> <!-- MAIN PAGE AREA (WHITEBOX) --> <div id="whitebox" class="white"> <div id="system-message-container"> </div> <!-- MAIN COLUMN --> <div id="maincolumn-wide"> <!-- COMPONENT AREA --> <div id="content" class="white"><div class="item-page hidecontent" itemscope itemtype="https://schema.org/Article"> <meta itemprop="inLanguage" content="en-GB" /> <div itemprop="articleBody"> </div> </div> </div> <!-- LOWER CONTAINER --> <div class="lowers"> <div class="lower1 full"> <div class="moduletable"> <div id="wk-gridb3d" class="uk-grid-width-1-1 uk-grid-width-small-1-1 uk-grid-width-medium-1-3 uk-grid-width-large-1-3 uk-grid-width-xlarge-1-3 uk-grid uk-grid-match uk-grid-small uk-text-center gridlayout frontbutton grid-padding" data-uk-grid-match="{target:'> div > .uk-panel', row:true}" data-uk-grid-margin data-uk-scrollspy="{cls:'uk-animation-scale-up uk-invisible', target:'> div > .uk-panel', delay:300}"> <div> <div class="uk-panel uk-panel-box uk-invisible"> <div class="uk-text-center uk-margin uk-margin-top-remove"><img src="http://www.uab.edu/studentaffairs/studentcenter/images/FrontBox-01.png" alt="HOURS" width="150px"></div> <h3 class="uk-h1 uk-margin-top-remove"> HOURS </h3> <div class="uk-margin"><table class="hours-table" align="center"> <tbody> <tr> <td style="text-align: left;"><span style="font-size: 10pt;"><strong>Monday - Friday</strong></span></td> <td style="text-align: right;"><span style="font-size: 10pt;">8:00 am - 5:00 pm</span></td> </tr> <tr> <td style="text-align: left;"><span style="font-size: 10pt;"><strong>Saturday & Sunday</strong></span></td> <td style="text-align: right;"><span style="font-size: 10pt;">Closed</span></td> </tr> </tbody> </table> <h4 style="background: #eb6851 none repeat scroll 0 0; color: #fff; margin-top: 20px; padding: 5px; text-align: center; text-transform: uppercase;"> Walk-In Hours </h4> <table class="hours-table" align="center"> <tbody> <tr> <td style="text-align: left;"><span style="font-size: 10pt;"><strong>Tuesday - Thursday</strong></span></td> <td style="text-align: right;"><span style="font-size: 10pt;">1:00 pm - 4:00 pm</span></td> </tr> </tbody> </table></div> </div> </div> <div> <div class="uk-panel uk-panel-box uk-invisible"> <div class="uk-text-center uk-margin uk-margin-top-remove"><img src="http://www.uab.edu/studentaffairs/studentcenter/images/FrontBox-02.png" alt="LOCATION" width="150px"></div> <h3 class="uk-h1 uk-margin-top-remove"> LOCATION </h3> <div class="uk-margin">Hill Student Center, Suite 307<br> 1400 University Blvd<br> Birmingham, AL 35294<br> <p class="greenGhostButton" style="text-align: center; margin-top: 20px !important;"><a href="https://www.uab.edu/map/?student-center" target="_new" style="padding:10px 20px;">VIEW CAMPUS MAP</a></p></div> </div> </div> <div> <div class="uk-panel uk-panel-box uk-invisible"> <div class="uk-text-center uk-margin uk-margin-top-remove"><img src="http://www.uab.edu/studentaffairs/studentcenter/images/FrontBox-03.png" alt="CONTACT US" width="150px"></div> <h3 class="uk-h1 uk-margin-top-remove"> CONTACT US </h3> <div class="uk-margin"><p><a href="mailto:careerservices@uab.edu" target="_new">careerservices@uab.edu</a><br> <strong>(205) 934-4324</strong></p> <h4 style="background: #eb6851 none repeat scroll 0 0; color: #fff; margin-top: 20px; padding: 5px; text-align: center; text-transform: uppercase;"> Make An Appointment </h4> <p>Call : (205) 934-4324, or <br> Email : <a href="mailto:careerservices@uab.edu" target="_new">careerservices@uab.edu</a> </p></div> </div> </div> </div> <script> (function($){ // get the images of the gallery and replace it by a canvas of the same size to fix the problem with overlapping images on load. $('img[width][height]:not(.uk-overlay-panel)', $('#wk-gridb3d')).each(function() { var $img = $(this); if (this.width == 'auto' || this.height == 'auto' || !$img.is(':visible')) { return; } var $canvas = $('<canvas class="uk-responsive-width"></canvas>').attr({width:$img.attr('width'), height:$img.attr('height')}), img = new Image, release = function() { $canvas.remove(); $img.css('display', ''); release = function(){}; }; $img.css('display', 'none').after($canvas); $(img).on('load', function(){ release(); }); setTimeout(function(){ release(); }, 1000); img.src = this.src; }); })(jQuery); </script> </div> </div> </div> </div> <!-- </div> CONTENT ENDS --> </div><!-- DOWNRIGHT ENDS --> </div> <!-- WHITEBOX ENDS --> <!-- BEGIN FOOTER --> <div id="footer" class="white ribbonFullwidth"> <div style="clear:both"> </div> <div id="footer_required"> <div class="moduletable"> <ul class="nav menu "> <li class="item-129"><a href="http://assistive.usablenet.com/tt/www.uab.edu/students/cpd" >Accessibility</a></li><li class="item-130 divider"><span class="separator ">|</span> </li><li class="item-131"><a href="http://www.uab.edu/brand/web/disclaimer" >Disclaimer</a></li><li class="item-132 divider"><span class="separator ">|</span> </li><li class="item-133"><a href="http://www.uab.edu/webpolicy" >UAB Web Pages Policy</a></li><li class="item-134 divider"><span class="separator ">|</span> </li><li class="item-135"><a href="/students/cpd/make-an-appointment" >Contact Us</a></li><li class="item-136 divider"><span class="separator ">|</span> </li><li class="item-137 divider"><span class="separator ">© Copyright</span> </li></ul> </div> </div> </div> <!-- END FOOTER --> </div> <!-- WRAPPER ENDS --> <script type="text/javascript"> ga('create', 'UA-69403606-8', 'auto', {'name': 'newTracker'}); // site code tracker ga('newTracker.send', 'pageview'); // send pageview for site code tracker </script> </body> <style type="text/css">#page_bg { background-color:#ffffff !important;background-image: url(/styles/5.0/images/wideload/placeholder_bg.gif) !important; }</style> <div class="custom" > <style> @import url("//www.uab.edu/styles/5.0/css/groups/studentaffairs_group.css"); </style></div> <div class="custom" > <style> .hide-content #whitebox { display: none; } .frontbutton { margin: 20px 0; } .spacing{ margin-top:40px; } #banner h3{ display:block; } #banner{ background:#DDD; } @media only screen and (max-width: 1024px) and (min-width: 300px){ #banner p img { height: 249px !important; float: none; } } p{ margin: 0.75em 0 !important; } .uk-accordion-title { background: #eee url("/students/cpd/images/br_down.png") no-repeat scroll 9px center; padding: 5px 20px 5px 36px; color:#1e6b52; } .uk-text-center.uk-panel-teaser > img{ margin-bottom:20px; } .triangle-isosceles::after { border-color: #f4c300 transparent; border-style: solid; border-width: 15px 15px 0; bottom: -10px; content: ""; display: block; left: 20px; position: absolute; width: 0; } .triangle-isosceles { background: #f4c300 none repeat scroll 0 0; border-radius: 0; color: #fff; font-size: 18px; font-weight: 500; margin: 1em 0; padding: 10px; position: relative; } .uk-panel-box .uk-panel-teaser > *{ border-radius:0; } .hovergrid .uk-h1 { font-size: 42px !important; } .hovergrid .uk-overlay-grayscale { vertical-align: middle; } /*********************Table Style*********************/ table.ghostTable { color:#333; font-family:Helvetica,Arial,sans-serif; width:100%; border-spacing:1px; border-collapse:separate; padding:0 3px; } table.ghostTable td, th { height:30px; transition:all 1s; text-align:center; width:auto; } table.ghostTable th { background:#B1B6AF; font-weight:700; border-radius: 5px; } table.ghostTable td { background:#FAFAFA; } table.ghostTable tr:nth-child(even) td { background:#F1F1F1; } table.ghostTable tr:nth-child(odd) td { background:#E1DDDD; } table.ghostTable tr td:hover { background:#666; color:#FFF } #rightsidebar{background:none; width:207px;} /*************** box css********************/ .box { position: relative; padding: 50px; margin: 0 auto; background-color: #fff; -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1); box-shadow: 0 0 5px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1); } .box:before, .box:after { position: absolute; width: 40%; height: 10px; content: ' '; left: 12px; bottom: 17px; background: transparent; -webkit-transform: skew(-5deg) rotate(-5deg); -moz-transform: skew(-5deg) rotate(-5deg); -ms-transform: skew(-5deg) rotate(-5deg); -o-transform: skew(-5deg) rotate(-5deg); transform: skew(-5deg) rotate(-5deg); -webkit-box-shadow: 0 15px 12px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 15px 12px rgba(0, 0, 0, 0.3); box-shadow: 0 15px 12px rgba(0, 0, 0, 0.3); z-index: -1; } .box:after { left: auto; right: 12px; -webkit-transform: skew(5deg) rotate(5deg); -moz-transform: skew(5deg) rotate(5deg); -ms-transform: skew(5deg) rotate(5deg); -o-transform: skew(5deg) rotate(5deg); transform: skew(5deg) rotate(5deg); } /***************Gallery WK******************/ .uk-overlay-background{ background: rgba(33, 35, 40, 0.9) none repeat scroll 0 0; } .uk-panel .uk-overlay-fade{ border-top:5px solid #f4c300; } .uk-panel .uk-overlay-fade:hover{ border-top: 5px solid #f4c300; } /**********************side menu list style************************/ #list8 { width:98%; } #list8 ul { list-style:none; } #list8 ul li { font-size:15px; border-bottom: 1px solid #eee; } #list8 ul li a { background-color: #5d7e95; border-left: 5px solid #f4c300; color: #fff; display: block; padding: 5px 0 5px 10px; text-decoration: none; text-transform: uppercase; } #list8 ul li a:hover { -moz-transform:rotate(-5deg); -moz-box-shadow:10px 10px 20px #000000; -webkit-transform:rotate(-5deg); -webkit-box-shadow:10px 10px 20px #000000; transform:rotate(-5deg); box-shadow:10px 10px 20px #000000; } /***************************PARALLEX STYLING****************/ .uk-height-viewport{ height:auto !important; } /*****************GhostButton*****************/ .greenGhostButton > a.yellowbg:hover { background: rgba(244, 195, 0, 0.9) none repeat scroll 0 0; } /*************************Home Banner***************************/ .fd-banner-text{ width:97%; text-align:right; } .home-content{top:64%; width:82%;} /*************************WideLoadHeader - FOR MOBILE ***************************/ @media only screen and (max-width: 1024px) and (min-width: 300px){ #banner p img{height:300px; float:none;} .fd-banner-text{text-align:center;} .home-content{top:50%;} } /******************************Blocks*****************************/ .s_mainblock{ float: left; margin: 10px 0 40px 0; padding: 20px 5px; background:#eee; } .s_block{ float:left; margin:10px 5px 10px 10px; } .s_block_inner1{ background: #f4c300 none repeat scroll 0 0; color: #fff; float: left; padding: 18px 20px; text-align: center; height:108px; } .s_block_inner1.last{ background: #f4c300 none repeat scroll 0 0; color: #fff; float: left; padding: 18px 20px; text-align: center; padding:33px 20px; height:78px; } .s_block_inner2{ background: #666 none repeat scroll 0 0; color: #fff; float: left; padding: 22px 21px; text-align: center; width: 281px; height:100px; } .s_block_inner2.new{ background: #fff none repeat scroll 0 0; border: 1px solid #eee; box-shadow: 5px 5px 5px #eee; color: #444; text-align: left; width: 86%; height:auto; } .s_block_inner1 .month{ color:#fff; font-size:19px } .s_block_inner1 .day{ color:#fff; font-weight:bold; font-size:31px } .s_block_inner1 .time{ color:#fff; font-weight:bold; font-size:17px } .s_block_inner2 .session{ color:#fff; font-size:24px } .s_block_inner2 .location{ color:#fff; font-size:15px } @media screen and (max-width: 600px) and (min-width: 375px) { .s_mainblock { padding:20px 0;} .s_block_inner2{padding:10px 8px; height:120px;} .s_block_inner1{padding:18px 20px !important;} .s_block_inner1.new{ padding: 18px 40px !important; }} @media screen and (max-width: 360px) and (min-width: 320px) { .s_mainblock { padding:20px 0 !important;} .s_block_inner2{padding:10px 8px !important; height:120px;} .s_block_inner1{padding:18px 118px !important;} .s_block_inner1.new{ padding: 18px 25px !important; } } .divider-line{ background-color:#f4c300; height:0.19rem; width:3.5rem; margin-bottom:20px; } /******************************Curriculum Table************************/ .pricing-table { float: left; width: 317px; margin: 20px 0; background: #f8f8f8; -moz-box-shadow: 0 2px 15px 0 rgba(0,0,0,.2); -webkit-box-shadow: 0 2px 15px 0 rgba(0,0,0,.2); box-shadow: 0 2px 15px 0 rgba(0,0,0,.2); } .pricing-table strong { font-weight: 700; color: #3d3d3d; } .pricing-table-header { padding: 10px 0 25px 0; background: #1e6b52; /* Old browsers */ background: -moz-linear-gradient(top, #1e6b52 64%, #1f3b08 99%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #1e6b52 64%,#1f3b08 99%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #1e6b52 64%,#1f3b08 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e6b52', endColorstr='#1f3b08',GradientType=0 ); /* IE6-9 */ border-radius: 10px 10px 0 0; } .pricing-table-header h2 { font-size: 30px; font-weight: 700; text-shadow: 0 -2px 0 rgba(0,0,0,.25); } .pricing-table-header h3 { margin-top: 20px; font-size: 24px; font-weight: 400; text-shadow: 0 -2px 0 rgba(0,0,0,.25); } .pricing-table-space { height: 10px; } .pricing-table-text { margin: 15px 30px 0 30px; padding: 0 10px 15px 10px; border-bottom: 1px solid #ddd; text-align: left; line-height: 30px; font-size: 16px; color: #888; } .pricing-table-features { margin: 15px 30px 0 30px; padding: 0 10px 15px 10px; text-align: left; line-height: 30px; font-size: 16px; color: #888; } .pricing-table-features p{border-bottom: 1px solid #ccc; padding: 5px 0; } /* Highlighted table */ .pricing-table-highlighted .pricing-table-header { background: #f4c300; /* Old browsers */ background: -moz-linear-gradient(top, #f4c300 0%, #fccd4d 50%, #f4c300 51%, #f4c300 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #f4c300 0%,#fccd4d 50%,#f4c300 51%,#f4c300 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #f4c300 0%,#fccd4d 50%,#f4c300 51%,#f4c300 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4c300', endColorstr='#f4c300',GradientType=0 ); /* IE6-9 */ border-radius: 10px 10px 0 0; } .pricing-table.pricing-table-highlighted p { color: #666; font-size: 24px; padding: 12px 0; text-align: center; } /*****************************Gallery WK Font Styling********************/ h2.gallery_wk_font{color: rgb(244, 195, 0); font-size:2.8em; text-align:center;} p.gallery_wk_font {font-size:1.16em;} a.gallery_wk_font{margin-top:20px; padding:10px; font-size:1.5em; margin-right:10px; border:1px solid #fff !important; color: #fff !important;} h1.top_header{color: #f4c300; font-size: 4.5em; text-align: center; text-transform: uppercase; } @media only screen and (max-width: 1024px) and (min-width: 320px){ h2.gallery_wk_font{font-size:1.8em} p.gallery_wk_font {font-size:0.94em;} a.gallery_wk_font{margin-top:0px; padding:5px 10px;} h1.top_header{font-size: 3em;} } @media only screen and (max-width: 1470px) and (min-width:960px){ p.gallery_wk_font {font-size:0.94em;} a.gallery_wk_font{margin-top:0;} } /**********************Grid WK styling*****************/ .uk-panel-box-secondary { background-color: rgba(30, 107, 82, 0.6); } .uk-panel-box-secondary:hover{ background:#f4c300; } /***************Table *************************/ table.research-statement { color:#fff; border-collapse: collapse; padding:0 3px; border-radius: 5px; margin: 25px auto; width:100%; } table.research-statement td, th { height:30px; transition:all 1.5s; padding: 5px 40px; border: 2px solid #000; width: 100px; } table.research-statement th { background: rgba(30, 107, 82, 0.7) none repeat scroll 0 0; font-size: 20px; font-weight: normal; } table.research-statement tr td { background:#fff; color:#666; } table.research-statement tr td:hover { background:#666; color:#FFF; font-weight:bold; } .hidecontent #whitebox { display: none; } </style></div> <div class="custom" > <!--Load the AJAX API--> <script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script> <script type="text/javascript"> // Load the Visualization API and the table package. google.charts.load('current', {'packages':['corechart']}); // Set a callback to run when the Google Visualization API is loaded. google.charts.setOnLoadCallback(drawChart); // Callback that creates and populates a data table, // instantiates the pie chart, passes in the data and // draws it. function drawTable() { // Create the data table. var data = new google.visualization.DataTable(); data.addColumn('string', 'Topping'); data.addColumn('number', 'Slices'); data.addRows([ ['Mushrooms', 3], ['Onions', 1], ['Olives', 1], ['Zucchini', 1], ['Pepperoni', 2] ]); // Set chart options var options = {'title':'How Much Pizza I Ate Last Night', 'width':400, 'height':300}; // Instantiate and draw our chart, passing in some options. var chart = new google.visualization.PieChart(document.getElementById('chart_div')); chart.draw(data, options); } </script></div> <div class="custom" > <!-- Google Tag Manager --> <noscript><iframe src="//www.googletagmanager.com/ns.html?id=GTM-5BQZSH" height="0" width="0" style="display:none;visibility:hidden">
