CINXE.COM
Materials Science & Engineering Conference | Materials Science Meeting | Materials 2024
<!DOCTYPE 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"> <title>Materials Science & Engineering Conference | Materials Science Meeting | Materials 2024</title> <meta name="keywords" content="Materials science conference, materials conference, materials science and engineering conference, materials science meeting, materials 2024, materials science event, usa, materials science usa, materials science and engineering meeting" /> <meta name="description" content="Materials board now proudly announcing the 5th International Conference on Materials Science & Engineering (Materials 2024)." /> <meta name="author" content=""> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <link rel="canonical" href="https://www.matscienceconference.com/" /> <link rel="icon" href="https://unitedscientificgroup.com/images/cropped-favicon-1-32x32.png" sizes="32x32" /> <link rel="icon" href="https://unitedscientificgroup.com/images/cropped-favicon-1-192x192.png" sizes="192x192" /> <link rel="apple-touch-icon-precomposed" href="https://unitedscientificgroup.com/images/cropped-favicon-1-180x180.png" /> <meta name="msapplication-TileImage" content="https://unitedscientificgroup.com/images/cropped-favicon-1-270x270.png" /> <!-- <link rel="canonical" href="https://catalysis.unitedscientificgroup.org/" />--> <link rel="stylesheet" href="css/event.css"> </head> <body id="page-top"> <!-- Navigation --> <nav id="main_nav" class="navbar navbar-light fixed-top navbar-expand-lg"> <div class="container"> <a class="navbar-brand" href="index"><img src="images/logo.png" alt="Materials 2024" /></a> <button class="custom-toggler navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button> <style> .nav-link1 { padding: 5px; background: #fff; color: #181D33; display: block; border-bottom: 1px solid #fff; text-align: center; } .dropdown-menu a:link, .dropdown-menu a:active, .dropdown-menu a:visited { color: #181D33; background: #fff; display: block; transition: all .4s ease; text-decoration: none; } .dropdown-menu a:hover { color: #fff; background: #181D33; display: block; transition: all .4s ease; text-decoration: none; } .dropdown-menu { background: #181D33 } </style> <div class="collapse navbar-collapse" id="navbarResponsive"> <ul class="navbar-nav ml-auto"> <!--<li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" data-toggle="dropdown" href="index">Conference Info <span class="caret"></span></a> <ul class="dropdown-menu"> <li><a class="nav-link1" href="conference-info">Conference Info</a></li> <li><a class="nav-link1" href="https://www.matscienceconference.com/2020" target="_blank">Mat Science 2020</a></li> <li><a class="nav-link1" href="https://www.matscienceconference.com/2019/" target="_blank">Mat Science 2019</a></li> <li><a class="nav-link1" href="conference-info">Conference Info</a></li> </ul> </li>--> <li class="nav-item"> <a class="nav-link js-scroll-trigger" href="conference-info">Conference Info</a> </li> <li class="nav-item"> <a class="nav-link js-scroll-trigger" href="experts">Experts</a> </li> <li class="nav-item"> <a class="nav-link js-scroll-trigger" href="dates-to-note">Dates to Note</a> </li> <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" data-toggle="dropdown" href="#">Abstract <span class="caret"></span></a> <ul class="dropdown-menu"> <!-- <li><a class="nav-link1" href="#">Submit Abstract</a></li> --> <li><a class="nav-link1" href="review-process">Review Process</a></li> <li><a class="nav-link1" href="speaker-guidelines">Speaker Guidelines</a></li> <li><a class="nav-link1" href="poster-guidelines">Poster Guidelines</a></li> </ul> </li> <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" data-toggle="dropdown" href="#">Location <span class="caret"></span></a> <ul class="dropdown-menu"> <li><a class="nav-link1" href="accommodation">Accommodation</a></li> </ul> </li> <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" data-toggle="dropdown" href="#">Sponsors <span class="caret"></span></a> <ul class="dropdown-menu"> <li><a class="nav-link1" href="become_a_sponsor">Become a Sponsor</a></li> <li><a class="nav-link1" href="exhibition">Exhibition</a></li> </ul> </li> <!--<li class="nav-item"> <a class="nav-link js-scroll-trigger" href="news-room">News Room</a> </li>--> <li class="nav-item"> <form class="form-inline"> <button class="btn btn-sm btn-primary-cta" type="button" style="cursor:pointer;" onclick="window.location.href='registration_form'">Register</button> </form> </li> </ul> </div> </div> </nav> <!-- /.Navigation --> <style> .dates-top { border-bottom: 1px solid #00aca3; border-top: 1px solid #00aca3; margin-top: 7.5%; } @media (min-width: 768px) { .grid-divider { position: relative; padding: 0; border-bottom: 0px solid #00aca3; border-top: 0px solid #00aca3; } .grid-divider>[class*='col-'] { position: static; } .grid-divider>[class*='col-']:nth-child(n+2):before { content: ""; border-left: 1px solid #00aca3; position: absolute; top: 20px; bottom: 20px; } .col-padding { padding: 0 27px; text-align: center; } } @media (max-width: 620px) { .grid-divider { position: relative; padding: 0; border-bottom: 1px solid #00aca3; border-top: 1px solid #00aca3; /*display:none;*/ } .grid-divider>[class*='col-'] { position: static; /*display:none;*/ } .grid-divider>[class*='col-']:nth-child(n+2):before { content: ""; border-left: 1px solid #00aca3; position: absolute; top: 20px; bottom: 20px; /*display:none;*/ } .col-padding { padding: 0 27px; text-align: center; /*display:none;*/ } } @media (max-width: 520px) { .grid-divider { position: relative; padding: 0; border-bottom: 1px solid #00aca3; border-top: 1px solid #00aca3; /*display:none;*/ } .grid-divider>[class*='col-'] { position: static; /*display:none;*/ } .grid-divider>[class*='col-']:nth-child(n+2):before { content: ""; border-left: 1px solid #00aca3; position: absolute; top: 20px; bottom: 20px; /*display:none;*/ } .col-padding { padding: 0 27px; text-align: center; /*display:none;*/ } } @media (max-width: 420px) { .dates-top { border-bottom: 1px solid #00aca3; border-top: 1px solid #00aca3; margin-top: 25%; } .grid-divider { position: relative; padding: 0; border-bottom: 1px solid #00aca3; border-top: 1px solid #00aca3; /*display:none;*/ } .grid-divider>[class*='col-'] { position: static; /*display:none;*/ } .grid-divider>[class*='col-']:nth-child(n+2):before { content: ""; border-left: 1px solid #00aca3; position: absolute; top: 20px; bottom: 20px; /*display:none;*/ } .col-padding { padding: 0 27px; text-align: center; /*display:none;*/ } } div.new { -ms-transform: rotate(0deg); /* IE 9 */ -webkit-transform: rotate(0deg); /* Safari 3-8 */ transform: rotate(0deg); animation: blinker 1s linear infinite; color: #fbb034; font-size: 16px; /*float:right;*/ } blink, .blink { animation: blinker 1s linear infinite; color: #fbb034; } @keyframes blinker { /*50% { opacity: 0; color:#fbb034; }*/ } .button-blink { background-color: #004A7F; -webkit-border-radius: 10px; border-radius: 10px; border: none; color: #FFFFFF; cursor: pointer; display: inline-block; font-family: Arial; font-size: 20px; padding: 5px 10px; text-align: center; text-decoration: none; -webkit-animation: glowing 1500ms infinite; -moz-animation: glowing 1500ms infinite; -o-animation: glowing 1500ms infinite; animation: glowing 1500ms infinite; } @-webkit-keyframes glowing { 0% { background-color: #e61173; -webkit-box-shadow: 0 0 3px #ccc; } 50% { background-color: #fc6; -webkit-box-shadow: 0 0 40px #ccc; } 100% { background-color: #e61173; -webkit-box-shadow: 0 0 3px #ccc; } } @-moz-keyframes glowing { 0% { background-color: #e61173; -moz-box-shadow: 0 0 3px #ccc; } 50% { background-color: #fc6; -moz-box-shadow: 0 0 40px #ccc; } 100% { background-color: #e61173; -moz-box-shadow: 0 0 3px #ccc; } } @-o-keyframes glowing { 0% { background-color: #e61173; box-shadow: 0 0 3px #ccc; } 50% { background-color: #fc6; box-shadow: 0 0 40px #ccc; } 100% { background-color: #e61173; box-shadow: 0 0 3px #ccc; } } @keyframes glowing { 0% { background-color: #e61173; } 50% { background-color: #fc6; } 100% { background-color: #e61173; } } </style> <div class="dates-top"> <div class="container" style="background:#fff;"> <div class="row grid-divider"> <div class="col-sm-6"> <div class="col-padding" style="padding:5px 15px 5px 15px !important;"> <h4 style="padding:0 0 0 0; font-size:16px;"><a href="#" style="color: #333;"><strong><s>Abstract Submission: Closed</s></strong></a></h4> </div> </div> <div class="col-sm-6"> <div class="col-padding" style="padding:5px 15px 5px 15px !important;"> <s><h4 style="padding:0 0 0 0; font-size:16px;"><a href="registration_form" style="color: #333;"><strong>On-Spot Registration Ends: June 10, 2024</strong></a></h4></s> </div> </div> </div> </div> </div> <div class="modal fade" id="book_modalform" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-header"> <h3 class="modal-title" id="myModalLabel">Contact Information</h3> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button> </div> <form class="form-horizontal" role="form" method="post" id="book_form" name="book_form"> <div class="modal-body"> <div class="form-group"> <label class="col-sm-2 control-label" for="book_inputName">Name</label> <div class="col-sm-10"> <input type="text" class="form-control" id="book_inputName" name="name" placeholder="Name" required /> </div> </div> <div class="form-group"> <label class="col-sm-2 control-label" for="book_inputEmail4">Email</label> <div class="col-sm-10"> <input type="email" class="form-control" id="book_inputEmail" name="email" placeholder="Email" required /> </div> </div> <div class="form-group"> <label class="col-sm-2 control-label" for="book_inputPhone">Phone</label> <div class="col-sm-10"> <input type="text" class="form-control" id="book_inputPhone" name="phone" placeholder="Phone" required /> </div> </div> <div class="form-group"> <label class="col-sm-2 control-label" for="book_inputCountry">Country</label> <div class="col-sm-10"> <input type="text" class="form-control" id="book_inputCountry" name="country" placeholder="Country" required /> </div> </div> <!--<div class="form-group"> <label class="col-sm-2 control-label" for="inputCountry">Message</label> <div class="col-sm-10"> <textarea name="book_message" class="form-control input-xlarge" required></textarea> </div> </div>--> </div> <div class="modal-footer"> <input style="cursor:pointer;" type="submit" class="btn btn-primary" value="Download" name="submit" /> </div> </form> </div> </div> </div> <div class="modal fade" id="program_modalform" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-header"> <h3 class="modal-title" id="myModalLabel">Contact Information</h3> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button> </div> <form class="form-horizontal" role="form" method="post" id="program_form" name="program_form"> <div class="modal-body"> <div class="form-group"> <label class="col-sm-2 control-label" for="book_inputName">Name</label> <div class="col-sm-10"> <input type="text" class="form-control" id="book_inputName" name="name" placeholder="Name" required/> </div> </div> <div class="form-group"> <label class="col-sm-2 control-label" for="book_inputEmail4">Email</label> <div class="col-sm-10"> <input type="email" class="form-control" id="book_inputEmail" name="email" placeholder="Email" required/> </div> </div> <div class="form-group"> <label class="col-sm-2 control-label" for="book_inputPhone">Phone</label> <div class="col-sm-10"> <input type="text" class="form-control" id="book_inputPhone" name="phone" placeholder="Phone" required/> </div> </div> <div class="form-group"> <label class="col-sm-2 control-label" for="book_inputCountry">Country</label> <div class="col-sm-10"> <input type="text" class="form-control" id="book_inputCountry" name="country" placeholder="Country" required/> <input type="hidden" class="form-control" value="program" id="programinput" name="programinput" placeholder="Country" required/> </div> </div> <!--<div class="form-group"> <label class="col-sm-2 control-label" for="inputCountry">Message</label> <div class="col-sm-10"> <textarea name="book_message" class="form-control input-xlarge" required></textarea> </div> </div>--> </div> <div class="modal-footer"> <input type="submit" class="btn btn-primary user-select-auto" style="cursor:pointer" value="Submit" name="submit" /> </div> </form> </div> </div> </div> <!-- Event Header --> <header id="event01"> <div class="container"> <div class="row"> <div class="col-12"> <div class="header_wrapper"> <div class="header_text"> <h2>5<sup style="text-transform:lowercase;">th</sup>International Conference On</h2> <h1>Materials Science & Engineering</h1> <h2>June 10-13, 2024 | San Francisco, CA</h2> <p class="orgtext"><strong>Organized by <a href="https://unitedscientificgroup.org/" class="text-warning">USG United Scientific Group</a> a 501(c)(3) nonprofit organization</strong></p> <p class="cta_line" style="padding:0;"><a href="registration_form" class="btn btn-lg btn-primary-cta">Register</a> <!-- <a href="abstract_submission" class="btn btn-lg btn-primary-cta">Abstract</a> --> <a data-target="#program_modalform" data-toggle="modal" href="javascript:void(0);" title="Download Program" class="btn btn-lg btn-primary-cta btn-warning">Program</a> <a href="submit_presentation" class="btn btn-lg btn-primary-cta">Submit Presentation</a> </p> </div> </div> </div> </div> </div> </header> <!-- /.Event Header --> <section id="speakers"> <div class="container"> <div class="chairs_bg"> <div class="row"> <div class="col-md-12 text-center "> <h1>Conference Chairman</h1> <div class="chairs_ocmsytle"> <div class="row"> <div class="col-md-6"> <img src="img/speakers/Manijeh-Razeghi.jpg" alt="Prof. Manijeh Razeghi" class="img-thumbnail imgborder"> <div class="noble-icon"> <img src="images/Benjamin-Franklin-Medal.png"> </div> </div> <div class="col-md-6" style="margin-top: 6%; text-align: left;"> <h3 class="mt-2"><b>Prof. Manijeh Razeghi</b></h3> <h4>Northwestern University, Evanston, IL</h4> <h5>Benjamin Franklin Medal in Electrical Engineering</h5> <div class="u-align-left u-social-icons u-spacing-30 u-social-icons-1"> <a class="social-url" title="facebook" target="_blank" href="https://en.wikipedia.org/wiki/Manijeh_Razeghi"><i class="fa fa-wikipedia-w"></i></a> <a class="social-url" title="facebook" target="_blank" href="https://scholar.google.com/citations?user=9FAOXBIAAAAJ&hl=en"><i class="fa fa-google"></i></a> </div> </div> </div> </div> </div> </div><!-- End row --> </div> <h1 class="text-center">Plenary and Keynotes</h1> <div class="row"> <div class="col-md-4 text-center "> <div class="ocmStyle"> <img src="img/speakers/Miquel-Salmeron.jpg" alt="Prof. Miquel Salmeron" class="img-thumbnail imgborder"> <h3 class="mt-2">Prof. Miquel Salmeron</h3> <p>Lawrence Berkeley National Laboratory & University of California Berkeley, CA</p> <div class="u-align-left u-social-icons u-spacing-30 u-social-icons-1"> <a class="social-url" title="facebook" target="_blank" href="https://de.wikipedia.org/wiki/Miquel_B._Salmeron"><i class="fa fa-wikipedia-w"></i></a> <a class="social-url" title="facebook" target="_blank" href="https://scholar.google.com/citations?user=SsS_8t8AAAAJ&hl=en"><i class="fa fa-google"></i></a> </div> </div> </div> <div class="col-md-4 text-center "> <div class="ocmStyle"> <img src="img/speakers/Rigoberto-C-Advincula.jpg" alt="Prof. Rigoberto C. Advincula" class="img-thumbnail imgborder"> <h3>Prof. Rigoberto C. Advincula</h3> <p>University of Tennessee<br /> Knoxville, TN</p> <div class="u-align-left u-social-icons u-spacing-30 u-social-icons-1"> <a class="social-url" title="facebook" target="_blank" href="https://scholar.google.com/citations?user=bN0RSNkAAAAJ&hl=en"><i class="fa fa-google"></i></a> </div> </div> </div> <div class="col-md-4 text-center "> <div class="ocmStyle"> <img src="img/speakers/Peter-K-Liaw.jpg" alt="Prof. Peter K. Liaw" class="img-thumbnail imgborder"> <h3>Prof. Peter K. Liaw</h3> <p>University of Tennessee<br /> Knoxville, TN</p> <div class="u-align-left u-social-icons u-spacing-30 u-social-icons-1"> <a class="social-url" title="facebook" target="_blank" href="https://scholar.google.com/citations?user=AizJ-qUAAAAJ"><i class="fa fa-google"></i></a> </div> </div> </div> <div class="col-md-4 text-center "> <div class="ocmStyle"> <img src="img/speakers/Bharat-Bhushan.jpg" alt="Prof. Bharat Bhushan" class="img-thumbnail imgborder"> <h3 class="mt-2">Prof. Bharat Bhushan</h3> <p>The Ohio State University<br /> Columbus, OH</p> <div class="u-align-left u-social-icons u-spacing-30 u-social-icons-1"> <a class="social-url" title="facebook" target="_blank" href="https://en.wikipedia.org/wiki/Bharat_Bhushan_(academic)"><i class="fa fa-wikipedia-w"></i></a> <a class="social-url" title="facebook" target="_blank" href="https://scholar.google.com/citations?user=dtvtjgsAAAAJ&hl=en"><i class="fa fa-google"></i></a> </div> </div> </div> <div class="col-md-4 text-center "> <div class="ocmStyle"> <img src="img/speakers/Peter-X-Ma.jpg" alt="Prof. Peter X Ma" class="img-thumbnail imgborder"> <h3>Prof. Peter X Ma</h3> <p>University of Michigan<br /> Ann Arbor, MI</p> <div class="u-align-left u-social-icons u-spacing-30 u-social-icons-1"> <a class="social-url" title="facebook" target="_blank" href="https://scholar.google.com/citations?user=W2HdR7wAAAAJ&hl=en"><i class="fa fa-google"></i></a> </div> </div> </div> <div class="col-md-4 text-center "> <div class="ocmStyle"> <img src="img/speakers/Mark-Kachanov.jpg" alt="Prof. Mark Kachanov" class="img-thumbnail imgborder"> <h3>Prof. Mark Kachanov</h3> <p>Tufts University<br /> Medford, MA</p> <div class="u-align-left u-social-icons u-spacing-30 u-social-icons-1"> <a class="social-url" title="facebook" target="_blank" href="https://en.wikipedia.org/wiki/Mark_Kachanov"><i class="fa fa-wikipedia-w"></i></a> <a class="social-url" title="facebook" target="_blank" href="https://scholar.google.com/citations?user=7SoeQIQAAAAJ"><i class="fa fa-google"></i></a> </div> </div> </div> <div class="col-md-4 text-center "> <div class="ocmStyle"> <img src="img/speakers/Prashant-Kumta.jpg" alt="Prof. Prashant Kumta" class="img-thumbnail imgborder"> <h3>Prof. Prashant Kumta</h3> <p>University of Pittsburgh<br /> Pittsburgh, PA</p> <div class="u-align-left u-social-icons u-spacing-30 u-social-icons-1"> <a class="social-url" title="facebook" target="_blank" href="https://scholar.google.com/citations?user=OcpHi1cAAAAJ"><i class="fa fa-google"></i></a> </div> </div> </div> <div class="col-md-4 text-center "> <div class="ocmStyle"> <img src="img/speakers/Helen-Hansma.jpg" alt="Dr. Helen Hansma" class="img-thumbnail imgborder"> <h3>Dr. Helen Hansma</h3> <p>The University of California-Santa Barbara, San Mateo, CA</p> <div class="u-align-left u-social-icons u-spacing-30 u-social-icons-1"> <a class="social-url" title="facebook" target="_blank" href="https://en.wikipedia.org/wiki/Helen_Hansma"><i class="fa fa-wikipedia-w"></i></a> <a class="social-url" title="facebook" target="_blank" href="https://scholar.google.com/citations?user=_4jz5LkAAAAJ"><i class="fa fa-google"></i></a> </div> </div> </div> <div class="col-md-4 text-center "> <div class="ocmStyle"> <img src="img/speakers/Puru-Jena.jpg" alt="Prof. Puru Jena" class="img-thumbnail imgborder"> <h3>Prof. Puru Jena</h3> <p>Virginia Commonwealth University<br /> Richmond, VA</p> <div class="u-align-left u-social-icons u-spacing-30 u-social-icons-1"> <a class="social-url" title="facebook" target="_blank" href="https://scholar.google.co.in/citations?user=9a5YR2kAAAAJ&hl=en"><i class="fa fa-google"></i></a> </div> </div> </div> <!-- <div class="col-md-4 text-center "><div class="ocmStyle"> <img src="img/speakers/Richard-J-Spontak.jpg" alt="Richard J. Spontak" class="img-thumbnail imgborder"> <h3>Richard J. Spontak</h3> <p>North Carolina State University<br /> Raleigh, NC</p> <div class="u-align-left u-social-icons u-spacing-30 u-social-icons-1"> <a class="social-url" title="facebook" target="_blank" href="https://scholar.google.com/citations?user=-q_BrzsAAAAJ"><i class="fa fa-google"></i></a> </div> </div> </div> --> </div><!-- End row --> </div> </section> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> <style> .xs_pricing-table-inner-wrap-bottom2 { background: #ddd; background-repeat: no-repeat; background-size: 100%; background-position: top left; padding: 10px; border-radius: 0 0 0px 0px; } .col-xs-5th-1, .col-xs-5th-2, .col-xs-5th-3, .col-xs-5th-4 { float: left; } .col-xs-5th-5 { float: left; width: 100%; } .col-xs-5th-4 { width: 80%; } .col-xs-5th-3 { width: 60%; } .col-xs-5th-2 { width: 40%; } .col-xs-5th-1 { width: 20%; padding: 5px; } .col-xs-5th-pull-5 { right: 100%; } .col-xs-5th-pull-4 { right: 80%; } .col-xs-5th-pull-3 { right: 60%; } .col-xs-5th-pull-2 { right: 40%; } .col-xs-5th-pull-1 { right: 20%; } .col-xs-5th-pull-0 { right: auto; } .col-xs-5th-push-5 { left: 100%; } .col-xs-5th-push-4 { left: 80%; } .col-xs-5th-push-3 { left: 60%; } .col-xs-5th-push-2 { left: 40%; } .col-xs-5th-push-1 { left: 20%; } .col-xs-5th-push-0 { left: auto; } .col-xs-5th-offset-5 { margin-left: 100%; } .col-xs-5th-offset-4 { margin-left: 80%; } .col-xs-5th-offset-3 { margin-left: 60%; } .col-xs-5th-offset-2 { margin-left: 40%; } .col-xs-5th-offset-1 { margin-left: 20%; } .col-xs-5th-offset-0 { margin-left: 0%; } @media (min-width: 768px) { .col-sm-5th-1, .col-sm-5th-2, .col-sm-5th-3, .col-sm-5th-4 { float: left; } .col-sm-5th-5 { float: left; width: 100%; } .col-sm-5th-4 { width: 80%; } .col-sm-5th-3 { width: 60%; } .col-sm-5th-2 { width: 40%; } .col-sm-5th-1 { width: 20%; padding: 5px; } .col-sm-5th-pull-5 { right: 100%; } .col-sm-5th-pull-4 { right: 80%; } .col-sm-5th-pull-3 { right: 60%; } .col-sm-5th-pull-2 { right: 40%; } .col-sm-5th-pull-1 { right: 20%; } .col-sm-5th-pull-0 { right: auto; } .col-sm-5th-push-5 { left: 100%; } .col-sm-5th-push-4 { left: 80%; } .col-sm-5th-push-3 { left: 60%; } .col-sm-5th-push-2 { left: 40%; } .col-sm-5th-push-1 { left: 20%; } .col-sm-5th-push-0 { left: auto; } .col-sm-5th-offset-5 { margin-left: 100%; } .col-sm-5th-offset-4 { margin-left: 80%; } .col-sm-5th-offset-3 { margin-left: 60%; } .col-sm-5th-offset-2 { margin-left: 40%; } .col-sm-5th-offset-1 { margin-left: 20%; } .col-sm-5th-offset-0 { margin-left: 0%; } } @media (min-width: 992px) { .col-md-5th-1, .col-md-5th-2, .col-md-5th-3, .col-md-5th-4 { float: left; } .col-md-5th-5 { float: left; width: 100%; } .col-md-5th-4 { width: 80%; } .col-md-5th-3 { width: 60%; } .col-md-5th-2 { width: 40%; } .col-md-5th-1 { width: 20%; padding: 5px; } .col-md-5th-pull-5 { right: 100%; } .col-md-5th-pull-4 { right: 80%; } .col-md-5th-pull-3 { right: 60%; } .col-md-5th-pull-2 { right: 40%; } .col-md-5th-pull-1 { right: 20%; } .col-md-5th-pull-0 { right: auto; } .col-md-5th-push-5 { left: 100%; } .col-md-5th-push-4 { left: 80%; } .col-md-5th-push-3 { left: 60%; } .col-md-5th-push-2 { left: 40%; } .col-md-5th-push-1 { left: 20%; } .col-md-5th-push-0 { left: auto; } .col-md-5th-offset-5 { margin-left: 100%; } .col-md-5th-offset-4 { margin-left: 80%; } .col-md-5th-offset-3 { margin-left: 60%; } .col-md-5th-offset-2 { margin-left: 40%; } .col-md-5th-offset-1 { margin-left: 20%; } .col-md-5th-offset-0 { margin-left: 0%; } } @media (min-width: 1200px) { .col-lg-5th-1, .col-lg-5th-2, .col-lg-5th-3, .col-lg-5th-4 { float: left; } .col-lg-5th-5 { float: left; width: 100%; } .col-lg-5th-4 { width: 80%; } .col-lg-5th-3 { width: 60%; } .col-lg-5th-2 { width: 40%; } .col-lg-5th-1 { width: 20%; } .col-lg-5th-pull-5 { right: 100%; } .col-lg-5th-pull-4 { right: 80%; } .col-lg-5th-pull-3 { right: 60%; } .col-lg-5th-pull-2 { right: 40%; } .col-lg-5th-pull-1 { right: 20%; } .col-lg-5th-pull-0 { right: auto; } .col-lg-5th-push-5 { left: 100%; } .col-lg-5th-push-4 { left: 80%; } .col-lg-5th-push-3 { left: 60%; } .col-lg-5th-push-2 { left: 40%; } .col-lg-5th-push-1 { left: 20%; } .col-lg-5th-push-0 { left: auto; } .col-lg-5th-offset-5 { margin-left: 100%; } .col-lg-5th-offset-4 { margin-left: 80%; } .col-lg-5th-offset-3 { margin-left: 60%; } .col-lg-5th-offset-2 { margin-left: 40%; } .col-lg-5th-offset-1 { margin-left: 20%; } .col-lg-5th-offset-0 { margin-left: 0%; } } .img-responsive { width: 100%; } .affil { font-style: italic; } .affil span { font-weight: bold; } .place span { font-weight: bold; } .speaker_details p { text-align: center; padding: 5px; font-size: 14px; line-height: 21px; } </style> <section id="speakers" style="display: none;"> <div class="container"> <div class="row"> <div class="col-md-12"> <h3 class="small_section_title" style="font-size: 19px;">Keynotes</h3> <h2 class="main_section_title" style="font-size: 26px;">Who's speaking in Materials Conference (Materials-2024) at San Francisco, CA</h2> </div> </div> <div class="speakers_list"> <div class="row"> <div class="col-md-5th-1"> <div class="speaker_card"> <img src="images/speakers-2024/Thomas-Webster.jpg" alt="Thomas Webster" width="400" height="400" class="img-fluid mx-auto d-block img-thumbnail" /> <div class="speaker_details"> <h3 class="speaker_name">Thomas Webster</h3> <p class="speaker_title">Northeastern University, San Francisco, CA</p> </div> </div> </div> <div class="col-md-5th-1"> <div class="speaker_card"> <img src="images/speakers-2024/Sokrates-Pantelides.jpg" alt="Sokrates T Pantelides" width="400" height="400" class="img-fluid mx-auto d-block img-thumbnail" /> <div class="speaker_details"> <h3 class="speaker_name">Sokrates T Pantelides</h3> <p class="speaker_title">Vanderbilt University<br />Nashville, TN</p> </div> </div> </div> <div class="col-md-5th-1"> <div class="speaker_card"> <img src="images/speakers-2024/Herbert-Gleiter.jpg" alt="Herbert Gleiter" width="400" height="400" class="img-fluid mx-auto d-block img-thumbnail" /> <div class="speaker_details"> <h3 class="speaker_name">Herbert Gleiter</h3> <p class="speaker_title">KIT - Campus Nord<br />Germany</p> </div> </div> </div> <div class="col-md-5th-1"> <div class="speaker_card"> <img src="images/speakers-2024/Puru-Jena.jpg" alt="Puru Jena" width="400" height="400" class="img-fluid mx-auto d-block img-thumbnail" /> <div class="speaker_details"> <h3 class="speaker_name">Puru Jena</h3> <p class="speaker_title">Virginia Commonwealth University, Richmond, VA</p> </div> </div> </div> <div class="col-md-5th-1"> <div class="speaker_card"> <img src="images/speakers-2024/Nianqiang-Wu.jpg" alt="Nianqiang Wu" width="400" height="400" class="img-fluid mx-auto d-block img-thumbnail" /> <div class="speaker_details"> <h3 class="speaker_name">Nianqiang Wu</h3> <p class="speaker_title" style="font-size:13px;">University of Massachusetts, Amherst, MA</p> </div> </div> </div> <div class="col-md-5th-1"> <div class="speaker_card"> <img src="images/speakers-2024/Christof-Woll.jpg" alt="Christof Woll" width="400" height="400" class="img-fluid mx-auto d-block img-thumbnail" /> <div class="speaker_details"> <h3 class="speaker_name">Christof Woll</h3> <p class="speaker_title">Karlsruhe Institute of Technology, Germany</p> </div> </div> </div> <div class="col-md-5th-1"> <div class="speaker_card"> <img src="images/speakers-2024/Blake-Simmons.jpg" alt="Blake A. Simmons" width="400" height="400" class="img-fluid mx-auto d-block img-thumbnail" /> <div class="speaker_details"> <h3 class="speaker_name">Blake A. Simmons</h3> <p class="speaker_title">Lawrence Berkeley National Laboratory, Berkeley, CA</p> </div> </div> </div> <div class="col-md-5th-1"> <div class="speaker_card"> <img src="images/speakers-2024/Xiaochun-Li.jpg" alt="Xiaochun Li" width="400" height="400" class="img-fluid mx-auto d-block" /> <div class="speaker_details"> <h3 class="speaker_name">Xiaochun Li</h3> <p class="speaker_title">University of California<br />Los Angeles, CA</p> </div> </div> </div> <div class="col-md-5th-1"> <div class="speaker_card"> <img src="images/speakers-2024/David-Tomanek.jpg" alt="David Tomanek" width="400" height="400" class="img-fluid mx-auto d-block" /> <div class="speaker_details"> <h3 class="speaker_name">David Tomanek</h3> <p class="speaker_title">Michigan State University, East Lansing, MI</p> </div> </div> </div> <div class="col-md-5th-1"> <div class="speaker_card"> <img src="images/speakers-2024/Rainer-Waser.jpg" alt="Rainer Waser" width="400" height="400" class="img-fluid mx-auto d-block" /> <div class="speaker_details"> <h3 class="speaker_name" style="font-size:16px;">Rainer Waser</h3> <p class="speaker_title">RWTH Aachen University<br />Germany</p> </div> </div> </div> <!-- <div class="col-md-5th-1"> <div class="speaker_card"> <img src="images/speakers-2024/Marie-Paule-pileni.jpg" alt="Marie Paule Pileni" width="400" height="400" class="img-fluid mx-auto d-block img-thumbnail" /> <div class="speaker_details"> <h3 class="speaker_name">Marie Paule Pileni</h3> <p class="speaker_title">Pierre and Marie Curie University, France</p> </div> </div> </div> <div class="col-md-5th-1"> <div class="speaker_card"> <img src="images/speakers-2024/Gianfranco-Pacchioni.jpg" alt="Gianfranco Pacchioni" width="400" height="400" class="img-fluid mx-auto d-block img-thumbnail" /> <div class="speaker_details"> <h3 class="speaker_name">Gianfranco Pacchioni</h3> <p class="speaker_title">University of Milano-Bicocca, Italy</p> </div> </div> </div>--> </div> </div> <div class="row"> <div class="col-lg-12"> <p class="cta_line"><a href="registration_form" class="btn btn-lg btn-primary-cta" style="float: right;">Book your slot</a></p> </div> </div> </div> </section> <section id="about"> <div class="container"> <div class="row"> <!--<div class="col-lg-8 offset-lg-2 col-md-10 offset-md-1"></div>--> <div class="col-md-12"> <!-- About Intro Content --> <div class="about_intro_content"> <div class="row"> <div class="col-lg-8"> <h2>What’s happening at the Materials 2024 conference?</h2> <p class="text-justify">Materials board now proudly announcing the 5th International Conference on Materials Science & Engineering at San Francisco, CA during June 10-13, 2024 (Materials 2024) after prodigious success of four annual conferences.</p> <p class="text-justify">Materials-2024 dedicates to create a stage for exchanging the latest research results and sharing the advanced research methods. Materials-2024 will be a valuable and important platform for inspiring international and interdisciplinary exchange at the forefront of Materials. Over the course of 3 days, internationally-renowned speakers will describe how their research journey have developed in response to contemporary challenges: inspirational lessons in chemical initiatives and creativity. The attending experts and industry partners will also provide a fantastic networking experience.</p> <p class="cta_line" style="margin-bottom: 15%; margin-top: 0px;"><a href="conference-info" class="btn btn-lg btn-primary-cta" style="float:right;">About Materials 2024</a></p> </div> <div class="col-lg-4 about_main_content"> <div class="row"> <div class="col-md-12"> <!-- About Card --> <div class="about_card"> <div class="row inner_content"> <div class="col-md-2"> <img src="images/icns/location_pin.svg" width="100" height="100" alt="location" /> </div> <div class="col-md-10" style="margin-top: 4%;"> <h3>Where</h3> <p class="details">DoubleTree by Hilton, San Francisco Airport<br /> <strong>San Francisco, CA</strong> </p> </div> </div> </div> <!-- /.About Card --> </div> <div class="col-md-12"> <!-- About Card --> <div class="about_card"> <div class="row inner_content"> <div class="col-md-3" style="margin-top: 2%;"> <img src="images/icns/calendar.svg" width="100" height="100" alt="location" /> </div> <div class="col-md-9" style="margin-top: 10%;"> <h3>When</h3> <p class="details"><strong>June 10-13, 2024</strong></p> </div> </div> </div> <!-- /.About Card --> </div> </div> </div> </div> </div> <!-- /.About Intro Content --> </div> </div> </div> </section> <!-- /.About --> <style> .grid1 { text-align: center; padding: 25px 40px; background: rgba(57, 67, 110, 0.5); -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; margin-bottom: 30px; } .grid1:hover { background: #000000; } .grid1 h4 { font-size: 20px; text-transform: uppercase; margin: 25px 0 20px; color: #00aca3; font-weight: 600; } .grid1 p { font-size: 14px; letter-spacing: .5px; color: #fff; line-height: 1.8em; border-bottom: 1px solid #555; padding: 3px 0; margin: 0; } .grid1F { text-align: center; padding: 25px 25px; background: rgba(88, 88, 88, 0.62); -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; margin-bottom: 30px; } .grid1F:hover { background: #000000; } .grid1F h4 { font-size: 20px; text-transform: uppercase; margin: 25px 0 20px; color: #00aca3; font-weight: 600; } .grid1F p { font-size: 14px; letter-spacing: .5px; color: #fdfdfd; line-height: 1.2em; border-bottom: 1px solid #555; padding: 3px 0; } .services { padding: 5em 0; background: url(../images/mid3.jpg) no-repeat 0px 0px; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; -ms-background-size: cover; } .services .heading h3, .services .heading p { color: #fff; } .services-top-grids { margin-bottom: 30px; } .grid1 i.fa { font-size: 40px; color: #fff; } </style> <!-- Conference Details --> <section id="newsletter" style="background:#181d33;"> <div class="container"> <div class="row"> <div class="col-md-12"> <h3 class="small_section_title" style="color:#fff;">Materials 2024</h3> <h2 class="main_section_title" style="margin-bottom:0%;color:#FFF;">Scientific Sessions</h2> <hr style="width:25%; margin:0 auto; background:#fff; margin-bottom:4%; height:1px;"> </div> </div> <div class="row"> <div class="col-lg-4"> <div class="grid1"> <p> Applied Materials</p> <p> Advanced Materials</p> <p> Energy Materials</p> <p> Sustainable Materials</p> <p> Hybrid Materials</p> <p> Nuclear Materials</p> <p> Material Chemistry</p> <p> Material Physics</p> </div> </div> <div class="col-lg-4"> <div class="grid1"> <p> Computation & Theory</p> <p> Surface Science</p> <p> Material Recycling</p> <p> Material Research</p> <p> Composite Materials</p> <p> Nano Materials</p> <p> Electronic Materials</p> <p> Magnetic Materials</p> </div> </div> <div class="col-lg-4"> <div class="grid1"> <p>Structural Materials</p> <p>Smart Materials</p> <p> Carbon Materials</p> <p> Polymers & Biopolymers</p> <p> Ceramics & Glass</p> <p> Biomaterials</p> <p> Mining and Metals</p> <p> Industry Materials</p> </div> </div> <style> .abstract { margin: 0; } .abstract a:link, .abstract a:active, .abstract a:visited { font-size: 15px; background: #0055E8; color: #fff; padding: 8px 25px; display: inline-block; margin-top: 0em; border: 2px solid #fff; font-weight: bold; } .abstract a:hover { font-size: 15px; background: #003fad; color: #fff; padding: 8px 25px; display: inline-block; margin-top: 0em; border: 2px solid #fff; font-weight: bold; text-decoration: none; } </style> <div style="width:93%; text-align:right; float:right; margin-right:7%;"> <div class="abstract"> <a href="#">Submit Your Abstract</a> </div> </div> <div style="clear:both;"></div> <div class="clearfix"></div> </div> </div> </section> <style> #speaDiv { border: 1px solid #ddd; border-radius: 3px; background: #fff; box-shadow: 0 15px 15px -20px rgba(0, 0, 0, 0.35); transition: all .4s ease; -webkit-transform: translateY(0); transform: translateY(0); margin: 6px 4px; text-align: center; } #speaDiv:hover { -webkit-transform: translateY(-8px); transform: translateY(-8px); box-shadow: 0 60px 40px -40px rgba(0, 0, 0, 0.13); } .widgets { display: flex; justify-content: space-around; } h4 { margin-top: 10px; margin-bottom: 10px; font-size: 24px; color: #000; } </style> </section> <script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.0/jquery.min.js'></script> <script src='https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/js/bootstrap.min.js'></script> <script id="rendered-js"> // number count for stats, using jQuery animate $('.counting').each(function() { var $this = $(this), countTo = $this.attr('data-count'); $({ countNum: $this.text() }).animate({ countNum: countTo }, { duration: 3000, easing: 'linear', step: function() { $this.text(Math.floor(this.countNum)); }, complete: function() { $this.text(this.countNum); //alert('finished'); } }); }); //# sourceURL=pen.js </script> <style> .tab-content>.active { opacity: 1; } </style> <!-- Schedule --> <!-- ./Schedule --> <section class="portfolio-agileinfo" id="gallery"> <div class="container"> <div class="section-title text-center"> <h3>Past Gallery</h3> </div> <div class="col-md-12"> <div class="row"> <div class="col-md-3 col-sm-6 col-xs-6 portfolio-grids" data-aos="zoom-in"> <a href="images/1st.jpg" class="b-link-stripe b-animate-go lightninBox" data-lb-group="1"> <img src="images/1st.jpg" class="img-responsive" alt="w3ls" /> <div class="b-wrapper"> <i class="fa fa-search-plus" aria-hidden="true"></i> </div> </a> </div> <div class="col-md-3 col-sm-6 col-xs-6 portfolio-grids" data-aos="zoom-in"> <a href="images/2nd.jpg" class="b-link-stripe b-animate-go lightninBox" data-lb-group="1"> <img src="images/2nd.jpg" class="img-responsive" alt="w3ls" /> <div class="b-wrapper"> <i class="fa fa-search-plus" aria-hidden="true"></i> </div> </a> </div> <div class="col-md-3 col-sm-6 col-xs-6 portfolio-grids" data-aos="zoom-in"> <a href="images/3rd.jpg" class="b-link-stripe b-animate-go lightninBox" data-lb-group="1"> <img src="images/3rd.jpg" class="img-responsive" alt="w3ls" /> <div class="b-wrapper"> <i class="fa fa-search-plus" aria-hidden="true"></i> </div> </a> </div> <div class="col-md-3 col-sm-6 col-xs-6 portfolio-grids" data-aos="zoom-in"> <a href="images/4.jpg" class="b-link-stripe b-animate-go lightninBox" data-lb-group="1"> <img src="images/4.jpg" class="img-responsive" alt="w3ls" /> <div class="b-wrapper"> <i class="fa fa-search-plus" aria-hidden="true"></i> </div> </a> </div> <div class="col-md-3 col-sm-6 col-xs-6 portfolio-grids" data-aos="zoom-in"> <a href="images/5th.jpg" class="b-link-stripe b-animate-go lightninBox" data-lb-group="1"> <img src="images/5th.jpg" class="img-responsive" alt="w3ls" /> <div class="b-wrapper"> <i class="fa fa-search-plus" aria-hidden="true"></i> </div> </a> </div> <div class="col-md-3 col-sm-6 col-xs-6 portfolio-grids" data-aos="zoom-in"> <a href="images/6.jpg" class="b-link-stripe b-animate-go lightninBox" data-lb-group="1"> <img src="images/6.jpg" class="img-responsive" alt="w3ls" /> <div class="b-wrapper"> <i class="fa fa-search-plus" aria-hidden="true"></i> </div> </a> </div> <div class="col-md-3 col-sm-6 col-xs-6 portfolio-grids" data-aos="zoom-in"> <a href="images/7.jpg" class="b-link-stripe b-animate-go lightninBox" data-lb-group="1"> <img src="images/7.jpg" class="img-responsive" alt="w3ls" /> <div class="b-wrapper"> <i class="fa fa-search-plus" aria-hidden="true"></i> </div> </a> </div> <div class="col-md-3 col-sm-6 col-xs-6 portfolio-grids" data-aos="zoom-in"> <a href="images/8th.jpg" class="b-link-stripe b-animate-go lightninBox" data-lb-group="1"> <img src="images/8th.jpg" class="img-responsive" alt="w3ls" /> <div class="b-wrapper"> <i class="fa fa-search-plus" aria-hidden="true"></i> </div> </a> </div> <div class="clearfix"> </div> </div> </div> </div> </section> <!-- Newsletter Signup Section --> <section id="newsletter"> <div class="container"> <div class="row"> <div class="col-lg-10 offset-lg-1"> <h3>Subscribe and get our news and updates.</h3> <!-- Newsletter Subscribe Form --> <div class="newsletter_form"> <div id="enqmsg" style="color:#fff;"></div> <form name="enqform" class="form-inline justify-content-center"> <label class="sr-only" for="name">Name</label> <input type="text" name="name" class="form-control form-control-sm" placeholder="Enter your Name" required> <label class="sr-only" for="email">Email</label> <input type="email" name="email" class="form-control form-control-sm" placeholder="Email Here" id="email" required> <input type="submit" class="btn btn-primary-cta-inverted btn-lg" onClick="return enquiry();" value="Keep me posted" /> <!--<button type="submit" onClick="return enquiry();" class="btn btn-primary-cta-inverted btn-lg">Keep me posted</button>--> </form> </div> <!-- /.Newsletter Subscribe Form --> </div> </div> </div> </section> <!-- /.Newsletter Signup Section--> <!-- Footer --> <footer id="contact"> <div class="container"> <div class="row"> <!-- Footer Column 01 --> <div class="col-lg-4"> <h2>Materials-2024</h2> <p>Materials-2024 dedicates to create a stage for exchanging the latest research results and sharing the advanced research methods.</p> </div> <!-- /.Footer Column 01 --> <!-- Footer Column 02 --> <div class="col-lg-4"> <h3>Organizer</h3> <ul class="list-unstyled"> <li><strong>USG United Scientific Group</strong></li> <li>A non-profit organization</li> <li>8105, Suite 112, Rasor Blvd</li> <li>Plano, TX 75024, USA</li> </ul> </div> <!-- /.Footer Column 02 --> <!-- Footer Column 03 --> <div class="col-lg-4"> <h3>Stay connected with us</h3> <ul class="list-unstyled"> <li>Phone: +1-469-854-2280/81</li> <li>Fax: +1-469-854-2278</li> <li>Toll free: +1-844-395-4102</li> <li>Email: <a href="mailto:materials@uniscigroup.net" style="color:#fff;">materials@uniscigroup.net</a></li> </ul> </p> <!--<ul class="list-inline"> <li class="list-inline-item"><a href="#"><i class="fa fa-lg fa-facebook-official" aria-hidden="true"></i></a></li> <li class="list-inline-item"><a href="#"><i class="fa fa-lg fa-twitter-square" aria-hidden="true"></i></a></li> <li class="list-inline-item"><a href="#"><i class="fa fa-lg fa-instagram" aria-hidden="true"></i></a></li> </ul>--> </div> <!-- /.Footer Column 03 --> </div> </div> </footer> <div class="modal fade" id="program_modalform" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-header"> <h3 class="modal-title" id="myModalLabel">Contact Information</h3> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button> </div> <form class="form-horizontal" role="form" method="post" id="program_form" name="program_form"> <div class="modal-body"> <div class="form-group"> <label class="col-sm-2 control-label" for="book_inputName">Name</label> <div class="col-sm-10"> <input type="text" class="form-control" id="book_inputName" name="name" placeholder="Name" required/> </div> </div> <div class="form-group"> <label class="col-sm-2 control-label" for="book_inputEmail4">Email</label> <div class="col-sm-10"> <input type="email" class="form-control" id="book_inputEmail" name="email" placeholder="Email" required/> </div> </div> <div class="form-group"> <label class="col-sm-2 control-label" for="book_inputPhone">Phone</label> <div class="col-sm-10"> <input type="text" class="form-control" id="book_inputPhone" name="phone" placeholder="Phone" required/> </div> </div> <div class="form-group"> <label class="col-sm-2 control-label" for="book_inputCountry">Country</label> <div class="col-sm-10"> <input type="hidden" value="program" name="brochure_name" id="brochure_name" /> <input type="text" class="form-control" id="book_inputCountry" name="country" placeholder="Country" required/> </div> </div> <!--<div class="form-group"> <label class="col-sm-2 control-label" for="inputCountry">Message</label> <div class="col-sm-10"> <textarea name="book_message" class="form-control input-xlarge" required></textarea> </div> </div>--> </div> <div class="modal-footer"> <input type="submit" class="btn btn-primary" value="Download" name="submit" style="cursor:pointer;" /> </div> </form> </div> </div> </div> <!-- /.Footer --> <!-- Optional JavaScript --> <!-- jQuery first, then Popper.js, then Bootstrap JS --> <!-- Bootstrap core JavaScript --> <script src="vendor/jquery/jquery.js"></script> <script src="vendor/popper/popper.min.js"></script> <script src="vendor/bootstrap/js/bootstrap.min.js"></script> <!-- Plugin JavaScript --> <script src="js/jquery.easing.min.js"></script> <!-- Event JS --> <script src="js/event.js"></script> <script type="text/javascript"> function enquiry() { var name = document.enqform.name.value; var email = document.enqform.email.value; if (document.enqform.name.value == "") { alert("Please enter your Name"); document.enqform.name.focus(); return false; } if (document.enqform.email.value == "") { alert("Please enter your Email"); document.enqform.email.focus(); return false; } var id = document.enqform.email.value; //The regular expression for a valid e-mail address var re = /^.+\@.+\..{2,4}$/gi; if(!id.match(re)) { //If it is NOT a match //flag++; //errors = errors + "Invalid E-Mail\n"; alert("Not a valid e-mail address"); document.enqform.email.focus(); return false; } if (window.XMLHttpRequest) // code for IE7+, Firefox, Chrome, Opera, Safari xmlhttp=new XMLHttpRequest(); else // code for IE6, IE5 xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); xmlhttp.onreadystatechange=function() { if (xmlhttp.readyState==4 && xmlhttp.status==200) document.getElementById("enqmsg").innerHTML=xmlhttp.responseText; } xmlhttp.open("GET","enqMessage.php?q="+email+"&n="+name,true); xmlhttp.send(); document.enqform.reset(); } $(document).ready(function () { $("#program_form").on("submit", function(event) { event.preventDefault(); $.ajax({ url: "ajax_forms.php", type: "post", data: $(this).serialize(), success: function(data) { $('#program_form')[0].reset(); $(".close").trigger("click"); var newtab = window.open(); newtab.location.href="password.php"; } }); return false; }); }); function ajaxLogin() { // event.preventDefault(); $(".error").text(""); $('#password-info').removeClass("error"); var password = $('#login-password').val(); var actionString = 'login'; if (password == "") { $('#password-info').addClass("error"); $(".error").text("required"); } else { // show loader $('#loaderId').show(); $.ajax({ url : 'ajax-login-registration.php', type : 'POST', data : { password : password, action : actionString }, async: false, success : function(response) { if (response.trim() == 'error') { $('#login-success-message').hide(); $('#ajaxloader').hide(); $('#login-error-message').html( "Invalid Attempt. Try Again."); $('#login-error-message').show(); } else { $('.demo-container').html(response); var urlt = 'test'; $(".modal-backdrop").css("display", "none"); $(".modal-backdrop.fade").css("position", "relative"); var newtab = window.open(); newtab.location.href='https://materials-meetings.com/pdfprogram/'+$.trim(response); // window.open('https://materials-meetings.com/pdfprogram/'+$.trim(response), '_blank'); //register_window.dialog("close"); //$("#login-dialog").dialog("close"); } } }); this.close(); }// endif return false; } </script> <!--Start of Tawk.to Script--> <script type="text/javascript"> var Tawk_API=Tawk_API||{}, Tawk_LoadStart=new Date(); (function(){ var s1=document.createElement("script"),s0=document.getElementsByTagName("script")[0]; s1.async=true; s1.src='https://embed.tawk.to/65fd7c8d1ec1082f04da24d6/1hpj2t2ef'; s1.charset='UTF-8'; s1.setAttribute('crossorigin','*'); s0.parentNode.insertBefore(s1,s0); })(); </script> <!--End of Tawk.to Script--> </body> </html>