brochure add

This commit is contained in:
2021-04-20 05:43:41 +00:00
parent 33b1feb853
commit 6608f18467
4 changed files with 1156 additions and 1028 deletions

View File

@@ -822,50 +822,48 @@ include("_navbar.php");
</div> </div>
<div class="col-12 col-md-5"> <div class="col-12 col-md-5">
<!-- Form --> <div>
<form widget-search-form-sidebar class="widget-subscribe-form p-r-40" action="#" role="form" method="post"
novalidate="novalidate">
<div class="row">
<div class="col">
<!-- Input -->
<input type="email" aria-required="true" name="widget-subscribe-form-email" class="form-control required email" placeholder="Enter your email" id="email2">
<p id="thankMsg" style="display: none;">Thank you! Please check your email for the brochure.</p>
<form action="#" role="form" method="post" novalidate="novalidate">
<div class="input-group">
<input aria-required="true" name="email" class="form-control" placeholder="Email" type="email" id="emailFooter">
<!--<input aria-required="true" class="form-control" id="phnFooter" type="number" name="telephone" placeholder="Phone" required>-->
<span class="input-group-btn">
<button id="widget-subscribe-submit-button dBtn" type="button" onclick="downloadBrFooter();" class="btn bt">Submit</button>
</span>
</div> </div>
<div class="col-auto ml-n5">
<!-- Button -->
<button id="widget-subscribe-submit-button dBtn" class="btn bt" onclick="downloadBr();" type="submit">
Subscribe
</button>
</div>
</div> <!-- / .row -->
</form> </form>
<p id="emailErrorFooter" style="display: none; color: red;">Please Provide the fields correctly!</p>
</div>
</div> </div>
</div> <!-- / .row --> </div> <!-- / .row -->
</div> <!-- / .container --> </div> <!-- / .container -->
</section> </section>
<!------------------------------------------------------brochure form---------------------------------------------------------> <!------------------------------------------------------brochure form--------------------------------------------------------->
<script type="text/javascript"> <script type="text/javascript">
function modalSubmit() { function downloadBrFooter() {
var email = document.getElementById("modalEmail").value; var emailFooter = document.getElementById("emailFooter").value;
var emailError2 = document.getElementById("emailError2"); <!--var phnFooter = document.getElementById("phnFooter").value; -->
var emailErrorFooter = document.getElementById("emailErrorFooter");
var reg = /^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/; var reg = /^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/;
if (email == '') { if (emailFooter == '') {
emailError2.style.display = "block"; emailErrorFooter.style.display = "block";
} else { } else {
if (reg.test(email) == false) { if (reg.test(emailFooter) == false) {
emailError2.style.display = "block"; emailErrorFooter.style.display = "block";
} else { } else {
emailError2.style.display = "none"; emailErrorFooter.style.display = "none";
document.getElementById("modalEmail").value = ''; document.getElementById("emailFooter").value = '';
<!--document.getElementById("phnFooter").value = ''; -->
document.getElementById("thankMsg").style.display = "block"; document.getElementById("thankMsg").style.display = "block";
saveEmail(email); <!--saveEmailFooter(emailFooter, phnFooter); -->
sendEmail(email); sendEmailFooter(emailFooter);
sendAdmin("enquiry@beanstalkedu.com", email); sendAdminFooter("enquiry@beanstalkedu.com", emailFooter);
sendAdmin("teenybeans.info@gmail.com", email); sendAdminFooter("teenybeans.info@gmail.com", emailFooter);
} }
} }
@@ -873,14 +871,14 @@ include("_navbar.php");
} }
var message = '<html><body><p>Welcome to Teenybeans. You have showed interest to know more about us and here it is. You will find our Brochure Link in this mail. Download the brochure and know everything about us. <br>And for more information you can visit our website <a href="https://teenybeans.in">here</a>.<br><a href="https://teenybeans.in/DOCS/Preschool-Business-Proposal.pdf" download>Download Your Brochure Now!</a><br>-Team Teenybeans</p></body></html>'; var message = '<html><body><p>Welcome to IIMTT. You have showed interest to know more about us and here it is. You will find our Brochure Link in this mail. Download the brochure and know everything about us. <br>And for more information you can visit our website <a href="https://iimtt.org/">click here</a>.<br><a href="https://drive.google.com/file/d/11JW1i7annvdjF6rG5vwSFBjIBaMDfAqZ/view?usp=sharing" download>Download Your Brochure Now!</a><br>-Team IIMTT</p></body></html>';
function sendEmail(email) { function sendEmailFooter(email) {
let formData = new FormData(); let formData = new FormData();
formData.append('sendMail', 'true'); formData.append('sendMail', 'true');
formData.append('reciever', email); formData.append('reciever', email);
formData.append('sender', 'Teenybeans'); formData.append('sender', 'IIMTT');
formData.append('senderMail', 'no-reply@teenybeans.in'); formData.append('senderMail', 'enquiry@iimtt.org');
formData.append('subject', "Teenybeans Brochure"); formData.append('subject', "IIMTT Brochure");
formData.append('message', message); formData.append('message', message);
fetch("https://mailapi.teenybeans.in/", { fetch("https://mailapi.teenybeans.in/", {
method: "POST", method: "POST",
@@ -896,10 +894,11 @@ include("_navbar.php");
console.log('Fetch Error :-S', err); console.log('Fetch Error :-S', err);
}); });
} }
function saveEmail(email, phn) { function saveEmailFooter(email, phn) {
let formData = new FormData(); let formData = new FormData();
formData.append('formName', 'teenyBeansBrochure'); formData.append('formName', 'IIMTTBrochure');
formData.append('Email', email); formData.append('Email', email);
<!--formData.append('Phone', phn);
// formData.append('Address', addr); // formData.append('Address', addr);
fetch('https://api.teenybeans.in/API/contactFormProcessor/v1/', { fetch('https://api.teenybeans.in/API/contactFormProcessor/v1/', {
method: 'POST', method: 'POST',
@@ -911,19 +910,20 @@ include("_navbar.php");
} }
); );
} }
function sendAdmin(sendEmail, email) { function sendAdminFooter(sendEmail, email) {
// ---------Mail sent----------------- // ---------Mail sent-----------------
let formData = new FormData(); let formData = new FormData();
formData.append("sendMail", "true"); formData.append("sendMail", "true");
formData.append("reciever", sendEmail); formData.append("reciever", sendEmail);
formData.append("sender", "Teenybeans"); formData.append("sender", "IIMTT");
formData.append("senderMail", "no-reply@teenybeans.in"); formData.append("senderMail", "enquiry@iimtt.org");
formData.append("subject", "New Modal Brochure Form Fillup"); formData.append("subject", "New IIMTT Brochure Form Fillup");
formData.append( formData.append(
"message", "message",
"<html><body><p>New Modal form (Blog) is filled up.</p><br><p>User Details:-</p><table><tr><th>Email:- </th><td>:- " + "<html><body><p>New Contact form is filled up.</p><br><p>User Details:-</p><table><tr><th>Email:- </th><td>:- " +
email + email +
<!--"</td></tr><tr><th>Phone:- </th><td>:- " +
<!--phn + -->
"</td></tr></table></body></html>" "</td></tr></table></body></html>"
); );
fetch("https://mailapi.teenybeans.in/", { fetch("https://mailapi.teenybeans.in/", {

View File

@@ -230,7 +230,7 @@ hover:label {
.j{ .j{
background-image: url(/assets/img/Find-an-IIMTT-training-centre-near-you.jpeg); background-image: url(/assets/img/Find-an-IIMTT-training-centre-near-you.jpeg);
background-repeat:no-repeat; background-repeat:no-repeat;
height:23vh; height:28vh;
width:100%; width:100%;
background-size:cover; background-size:cover;
background-position:center; background-position:center;

View File

@@ -276,19 +276,19 @@ include("_navbar.php");
<td>Diploma in MTT(Regular)</td> <td>Diploma in MTT(Regular)</td>
<td>College Graduation</td> <td>College Graduation</td>
<td>6 months - 1 year</td> <td>6 months - 1 year</td>
<td>UK Level 4 Qualification: A Global Certification by government regulated awarding body in UK.</td> <td>UK Level 5 Qualification: A Global Certification by government regulated awarding body in UK.</td>
</tr> </tr>
<tr> <tr>
<td>Diploma in MTT(Weekend)</td> <td>Diploma in MTT(Weekend)</td>
<td>College Graduation</td> <td>College Graduation</td>
<td>1 year</td> <td>1 year</td>
<td>UK Level 4 Qualification: A Global Certification by government regulated awarding body in UK.</td> <td>UK Level 5 Qualification: A Global Certification by government regulated awarding body in UK.</td>
</tr> </tr>
<tr> <tr>
<td>Advanced Diploma in MTT</td> <td>Advanced Diploma in MTT</td>
<td>College Graduation</td> <td>College Graduation</td>
<td>9 months - 1 Year</td> <td>9 months - 1 Year</td>
<td>UK Level 4 Qualification: A Global Certification by government regulated awarding body in UK.</td> <td>UK Level 5 Qualification: A Global Certification by government regulated awarding body in UK.</td>
</tr> </tr>
</tbody> </tbody>
</table> </table>

View File

@@ -278,17 +278,17 @@ All applicants will go through an in-class internship for evaluation that will s
</div> <!-- / .container --> </div> <!-- / .container -->
</section> </section>
<!----------------------------------------CTA SECTION--------------------------------------------------> <!----------------------------------------CTA SECTION-------------------------------------------------->
<section class="mt-6 pt-6 pt-md-8 j overlay overlay-black overlay-80"> <!--<section class="mt-6 pt-6 pt-md-8 j overlay overlay-black overlay-80">
<div class="container pb-6 pb-md-8 border-gray-300"> <div class="container pb-6 pb-md-8 border-gray-300">
<div class="row align-items-center"> <div class="row align-items-center">
<div class="col-12 col-md-6"> <div class="col-12 col-md-6">
<!-- Heading --> <!-- Heading --
<h4 style="color: #f7a325;" class="mb-1 font-weight-bold"> <h4 style="color: #f7a325;" class="mb-1 font-weight-bold">
Want to become a part of the global Montessori Brand? Want to become a part of the global Montessori Brand?
</h4> </h4>
<!-- Text --> <!-- Text --
<p class="font-size-lg text-white mb-6 mb-md-0"> <p class="font-size-lg text-white mb-6 mb-md-0">
Take a look at our detailed partnership offerings Take a look at our detailed partnership offerings
</p> </p>
@@ -296,32 +296,69 @@ All applicants will go through an in-class internship for evaluation that will s
</div> </div>
<div class="col-12 col-md-6"> <div class="col-12 col-md-6">
<!-- Form --> <!-- Form --
<form> <form>
<div class="row j2"> <div class="row j2">
<div class="col-auto"> <div class="col-auto">
<!-- Input --> <!-- Input --
<input type="email" class="form-control" placeholder="Enter your email"> <input type="email" class="form-control" placeholder="Enter your email">
</div> </div>
<div class="col-auto"> <div class="col-auto">
<!-- Button --> <!-- Button --
<button style="background-color: #f7a325;" class="btn btn-primary" type="submit"> <button style="background-color: #f7a325;" class="btn btn-primary" type="submit">
Download Brochure Download Brochure
</button> </button>
</div> </div>
</div> <!-- / .row --> </div> <!-- / .row --
</form> </form>
</div>
</div> <!-- / .row --
</div> <!-- / .container --
</section>
-->
<!----------------------------------------CTA SECTION-------------------------------------------------->
<section class="pt-6 pt-md-8 j overlay overlay-black overlay-80 pb-3">
<div class="container pb-6 pb-md-8">
<div class="row align-items-center">
<div class="col-12 col-md">
<!-- Heading -->
<h3 style="color: #f7a325;" class="mb-1 font-weight-bold">
Want to become a part of the global Montessori Brand?
</h3>
<!-- Text -->
<p class="font-size-lg text-white mb-6 mb-md-0">
Take a look at our detailed partnership offerings
</p>
</div>
<div class="col-12 col-md-5 mb-3">
<div>
<p id="thankMsg" style="display: none;color: #f7a325;font-size:14px;">Thank you! Please check your email for the brochure.</p>
<form action="#" role="form" method="post" novalidate="novalidate">
<div class="input-group">
<input aria-required="true" name="email" class="form-control" placeholder="Email" type="email" id="emailFooter">
<!--<input aria-required="true" class="form-control" id="phnFooter" type="number" name="telephone" placeholder="Phone" required>-->
<span class="input-group-btn">
<button id="widget-subscribe-submit-button dBtn" type="button" onclick="downloadBrFooter();" class="btn bt"><i class="fe fe-download"></i>Brochure</button>
</span>
</div>
</form>
<p id="emailErrorFooter" style="display: none; color: red;font-size:14px;">Please Provide the fields correctly!</p>
</div>
</div> </div>
</div> <!-- / .row --> </div> <!-- / .row -->
</div> <!-- / .container --> </div> <!-- / .container -->
</section> </section>
<!-----------------------------------------------------------------------> <!----------------------------------------------------------------------->
<!-- CASE STUDIES (CAROUSEL) --> <!-- CASE STUDIES (CAROUSEL) -->
<section> <section>
@@ -693,9 +730,6 @@ Skylark Arcadia, Phase 2, Kodigehalli Main Rd, Sadaramangala, Bengaluru, Karnata
</div> </div>
</div> </div>
</section> </section>
<!-----------------------------------------------------------------> <!----------------------------------------------------------------->
<!-- SHAPE --> <!-- SHAPE -->
<div class="position-relative"> <div class="position-relative">
@@ -819,9 +853,6 @@ Skylark Arcadia, Phase 2, Kodigehalli Main Rd, Sadaramangala, Bengaluru, Karnata
</div> </div>
</div> </div>
</section> </section>
<!------------------------------------------------------------------------->
<!-----------------------------------------------------------------------------> <!----------------------------------------------------------------------------->
<section> <section>
<div class="container"> <div class="container">
@@ -976,3 +1007,100 @@ Skylark Arcadia, Phase 2, Kodigehalli Main Rd, Sadaramangala, Bengaluru, Karnata
</section> </section>
<!-----------------------------------------------------------------------> <!----------------------------------------------------------------------->
<br><br> <br><br>
<!------------------------------------------------------brochure form--------------------------------------------------------->
<script type="text/javascript">
function downloadBrFooter() {
var emailFooter = document.getElementById("emailFooter").value;
<!--var phnFooter = document.getElementById("phnFooter").value; -->
var emailErrorFooter = document.getElementById("emailErrorFooter");
var reg = /^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/;
if (emailFooter == '') {
emailErrorFooter.style.display = "block";
} else {
if (reg.test(emailFooter) == false) {
emailErrorFooter.style.display = "block";
} else {
emailErrorFooter.style.display = "none";
document.getElementById("emailFooter").value = '';
<!--document.getElementById("phnFooter").value = ''; -->
document.getElementById("thankMsg").style.display = "block";
<!--saveEmailFooter(emailFooter, phnFooter); -->
sendEmailFooter(emailFooter);
sendAdminFooter("enquiry@beanstalkedu.com", emailFooter);
sendAdminFooter("teenybeans.info@gmail.com", emailFooter);
}
}
// document.getElementById("thankMsg").style.display = "block";
}
var message = '<html><body><p>Welcome to IIMTT. You have showed interest to know more about us and here it is. You will find our Brochure Link in this mail. Download the brochure and know everything about us. <br>And for more information you can visit our website <a href="https://iimtt.org/">click here</a>.<br><a href="https://drive.google.com/file/d/11JW1i7annvdjF6rG5vwSFBjIBaMDfAqZ/view?usp=sharing" download>Download Your Brochure Now!</a><br>-Team IIMTT</p></body></html>';
function sendEmailFooter(email) {
let formData = new FormData();
formData.append('sendMail', 'true');
formData.append('reciever', email);
formData.append('sender', 'IIMTT');
formData.append('senderMail', 'enquiry@iimtt.org');
formData.append('subject', "IIMTT Brochure");
formData.append('message', message);
fetch("https://mailapi.teenybeans.in/", {
method: "POST",
body: formData,
}).then(
function (response) {
response.json().then(function (data) {
console.log(data);
});
}
)
.catch(function (err) {
console.log('Fetch Error :-S', err);
});
}
function saveEmailFooter(email, phn) {
let formData = new FormData();
formData.append('formName', 'IIMTTBrochure');
formData.append('Email', email);
<!--formData.append('Phone', phn);
// formData.append('Address', addr);
fetch('https://api.teenybeans.in/API/contactFormProcessor/v1/', {
method: 'POST',
body: formData
})
.then(res => res.json())
.then(json => {
// window.location.href = "contact-back";
}
);
}
function sendAdminFooter(sendEmail, email) {
// ---------Mail sent-----------------
let formData = new FormData();
formData.append("sendMail", "true");
formData.append("reciever", sendEmail);
formData.append("sender", "IIMTT");
formData.append("senderMail", "enquiry@iimtt.org");
formData.append("subject", "New IIMTT Brochure Form Fillup");
formData.append(
"message",
"<html><body><p>New Contact form is filled up.</p><br><p>User Details:-</p><table><tr><th>Email:- </th><td>:- " +
email +
<!--"</td></tr><tr><th>Phone:- </th><td>:- " +
<!--phn + -->
"</td></tr></table></body></html>"
);
fetch("https://mailapi.teenybeans.in/", {
method: "POST",
body: formData
})
.then(function (response) {
response.json().then(function (data) {
// console.log(data);
});
})
.catch(function (err) {
console.log("Fetch Error :-S", err);
});
}
</script>