JezK
Edit File: fundamentals.php
<?php session_start();?> <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="format-detection" content="telephone=no" /> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="description" content="Apply for Internship in Reputed Section 8 Foundation. Hurry up only limited seats available. New Batch is starting soon."> <meta name="keywords" content ="intership, krify, kakinada, andhra pradesh, engineering internship, college project, summer internship, summer internships, software internship, intern, IT internships, Internship programs, mca internships, cse internships, internship in AP, internship for cse students, summer internship 2021, web development internship, internship for engineering students" > <meta name="author" content=""> <title>Fundamentals of coding and programming in Kakinada, Andhra Pradesh</title> <!-- Font Awesome --> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css"> <link rel="stylesheet" href="css/docs.theme.min.css"> <link rel="stylesheet" href="css/owl.carousel.min.css"> <link rel="stylesheet" href="css/owl.theme.default.min.css"> <link rel="shortcut icon" type=image/x-icon href=https://krify.co/wp-content/uploads/2015/04/16.png> <link rel="stylesheet" type="text/css" media="all" href="css/styles_slider.css"> <!-- Bootstrap Core CSS --> <link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet"> <!-- Theme CSS --> <link href="css/freelancer.css" rel="stylesheet"> <link href="css/style.css" rel="stylesheet"> <script src="js/jquery.min.js"></script> <script src="js/owl.carousel.js"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> <script type="text/javascript" src="js/responsiveCarousel.min.js"></script> <script type="text/javascript"> $(window).load(function(){ $('#myModal').modal('show'); $('#exampleModalCenter').modal('show'); }); </script> <!--script stats here--> <script type="text/javascript"> $(function () { $('.crsl-items').carousel({ visible: 4 , itemMinWidth: 210 , itemEqualHeight: 400 , itemMargin: 0 , }); $("a[href=#]").on('click', function (e) { e.preventDefault(); }); }); </script> <!--Start of Zendesk Chat Script--> <script type="text/javascript"> window.$zopim||(function(d,s){var z=$zopim=function(c){z._.push(c)},$=z.s= d.createElement(s),e=d.getElementsByTagName(s)[0];z.set=function(o){z.set. _.push(o)};z._=[];z.set._=[];$.async=!0;$.setAttribute("charset","utf-8"); $.src="https://v2.zopim.com/?nNvCRYUGZGfez6vH9Uk2BltPQTRiuwXm";z.t=+new Date;$. type="text/javascript";e.parentNode.insertBefore($,e)})(document,"script"); </script> <!--End of Zendesk Chat Script--> <!-- Global site tag (gtag.js) - Google Analytics --> <script async src="https://www.googletagmanager.com/gtag/js?id=UA-64528597-5"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'UA-64528597-5'); </script> <!--script ends here--> <!-- Start of Zendesk Widget script --> <script id="ze-snippet" src="https://static.zdassets.com/ekr/snippet.js?key=04491a2c-4f3f-4719-b0c9-a4c0aed7fd9a"> </script> <!-- End of Zendesk Widget script --> <link rel="stylesheet" href="style.css"> <!-- Boxicons CDN Link --> <link href='https://unpkg.com/boxicons@2.0.7/css/boxicons.min.css' rel='stylesheet'> <!-- script for menu --> <script> // sidebar open close js code let navLinks = document.querySelector(".nav-links"); let menuOpenBtn = document.querySelector(".navbar .bx-menu"); let menuCloseBtn = document.querySelector(".nav-links .bx-x"); menuOpenBtn.onclick = function() { navLinks.style.left = "0"; } menuCloseBtn.onclick = function() { navLinks.style.left = "-100%"; } // sidebar submenu open close js code let htmlcssArrow = document.querySelector(".htmlcss-arrow"); htmlcssArrow.onclick = function() { navLinks.classList.toggle("show1"); } let moreArrow = document.querySelector(".more-arrow"); moreArrow.onclick = function() { navLinks.classList.toggle("show2"); } let jsArrow = document.querySelector(".js-arrow"); jsArrow.onclick = function() { navLinks.classList.toggle("show3"); } </script> <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" > <style> .fundblock-bg { background-size: cover; } .col-sm-12 p { text-align: center !important; } .container h2 { color: #3baae0 !important; } .fundblock-bg h2 { padding-top: 15%; margin-top: 10%; } div#anim img.regImg { padding: 5em !important; } @media (max-width:768px) { div#days .col-6 { flex: 0 0 100% !important; max-width: 100% !important; } .slider_blck .row { left: 15px; position: relative; top: 135px !important; } } .slider_blck { background-image: url(images/FundamentalsofCodingandProgramming.jpg); width: 100%; height: 400px !important; background-repeat: no-repeat; background-size: cover; } .slider_blck .row { left: 15px; position: relative; top: 215px; } .slider_blck h2 { color: white !important; font-size: 25px !important; } .fundblock-bg { /* background-image: url(../images/Twitter header - 1 (1).png); */ background-size: cover !important; background-position: center center; background-repeat: no-repeat; padding-bottom: 0px !important; } @media (min-width: 1440px) and (max-width: 2560px) { /* .slider_blck { background-image: url(images/FundamentalsofCodingandProgramming.jpg); width: 100% !important; height: 557px !important; background-repeat: no-repeat !important; background-size: cover !important; } */ .slider_blck { background-image: url(images/FundamentalsofCodingandProgramming.jpg); width: 100% !important; background-repeat: no-repeat !important; background-size: 100% 100%!important; } .slider_blck .row { left: 15px !important; position: relative !important; } } @media (max-width: 3840px) and (min-width: 2160px) { /* .slider_blck { background-image: url(images/FundamentalsofCodingandProgramming.jpg); width: 100% !important; height: 557px !important; background-repeat: no-repeat !important; background-size: cover !important; } */ .slider_blck { background-image: url(images/FundamentalsofCodingandProgramming.jpg); width: 100% !important; background-repeat: no-repeat !important; background-size: 100% 100%!important; } .slider_blck .row { left: 15px !important; position: relative !important; } } </style> </head> <?php include 'header.php'; ?> <!-- second header part --> <!-- <div class="menusss frontend-bg"> <div class="mar"> <marquee behavior="" direction="">Frontend Web Internship New Batch Starts Soon</marquee> </div> <div> <nav class="mobile-menu"> <label for="show-menu" class="show-menu"><span>Menu</span><div class="lines"></div></label> <input type="checkbox" id="show-menu"> <ul id="menu"> <li><a href="index.php">Home</a></li> <div class="dropdown"> <li><a href="#" class="submenu">TECHNOLOGIES</a></li> <div class="dropdown-content"> <div class="flx"> <div> <li><a href="fullstack.php">Web Full Stack</a></li> <li><a href="frontend-technologies.php">Web Frontend </a></li> <li><a href="backend-technologies.php">Web Backend </a></li> </div> <div> <li><a href="mobile-app.php">Mobile App</a></li> <li><a href="digital-marketing.php">Digital Marketing</a></li> <li><a href="quality-assurance.php">Quality Assurance</a></li></div> </div> </div> </div> <li><a href="contact.php">Contact</a></li> </ul> </nav> </div> </div> --> <!-- slider --> <div class="slider_blck"> <!-- <img src="images/FundamentalsofCodingandProgramming.jpg" alt=""> --> <!-- <h3 class="Eligitbility">Eligitbility: 7th standard to 10th standard</h3> --> <div class="container"> <div class="row"> <div class="col"> </div> <div class="col-10"> <h2 class="Eligitbility"><b>Eligibility</b>: 7th standard to 10th standard</h2> </div> <div class="col"> </div> </div> </div><br> <div class="container"> <div class="row"> <div class="col"> </div> <div class="col-8"> <h2><b>Tenure</b>:One Week</h2> </div> <div class="col"> </div> </div> </div><br> <div class="container"> <div class="row"> <div class="col"> </div> <div class="col-10"> <h2><b>Batch Start From</b>:11/10/2021 to 16/10/2021</h2></h2> </div> <div class="col"> </div> </div> </div> </div> <!-- body section --> <div class="container fundblocks"> <h2 class="text-yellow">Your kids will love learning to code in Krify</h2> <div class="row"> <div id ="anim" class="col-sm-4 p-5"> <img src="images/SELF-GUIDED.png" class="regImg"> <h3>SELF-GUIDED CHALLENGES</h3> <p>No previous experience needed.</p> </div> <div id ="anim" class="col-sm-4 p-5"> <img src="images/REALCODING.png" class="regImg"> <h3>REAL CODING LANGUAGES</h3> <p>This text based coding session will help your kids learn coding like a real programmer.</p> </div> <div id ="anim" class="col-sm-4 p-5"> <img src="images/GAME-BASED.png" class="regImg"> <h3>GAME-BASED LEARNING</h3> <p>Kids learn coding in an engaging and rewarding environment that utilizes gaming elements.</p> </div> </div> </div> <div class="fundblock-bg"> <div class="container"> <h2>What will your child learn?</h2><br> <div class="row col-sm-offset-1"> <div class=""> </div> <div class="col-sm-12"> <h3>PYTHON</h3> <p>Python is a widely used programming language in the real world. A few of Krify courses teach it. Find out why it is an industry favorite below:</p> <ul> <li><i class="fa fa-check-circle-o" aria-hidden="true"></i>Allows developers to write fewer lines of code for tasks so it takes less time to build a program </li> <li><i class="fa fa-check-circle-o" aria-hidden="true"></i>Simple programming syntax with English-like commands</li> <li><i class="fa fa-check-circle-o" aria-hidden="true"></i>Functional - Can be used to create a wide-range of programs</li> <li><i class="fa fa-check-circle-o" aria-hidden="true"></i>Libraries of ready-made code available</li> </ul> </div> <div class="col-sm-12"> <h3>CODING CONCEPTS</h3> <p>Through the krify program, children will learn coding concepts such as:</p> <br><br> <!-- <ul> <li><i class="fa fa-check-circle-o" aria-hidden="true"></i>Statements & Arguments</li> <li><i class="fa fa-check-circle-o" aria-hidden="true"></i>Objects</li> <li><i class="fa fa-check-circle-o" aria-hidden="true"></i>Loops</li> <li><i class="fa fa-check-circle-o" aria-hidden="true"></i>Variables</li> <li><i class="fa fa-check-circle-o" aria-hidden="true"></i>Arrays</li> <li><i class="fa fa-check-circle-o" aria-hidden="true"></i>Functions and Conditions</li> </ul> --> <div class="row" id="days"> <div class="col-6"> <h4>Day 1(Programming environment & Turtle graphics)</h4> <ul> <li><i class="fa fa-check-circle-o" aria-hidden="true"></i>Introduction</li> <li><i class="fa fa-check-circle-o" aria-hidden="true"></i>Installation</li> <li><i class="fa fa-check-circle-o" aria-hidden="true"></i>Syntax</li> <li><i class="fa fa-check-circle-o" aria-hidden="true"></i>Writing first program in python</li> <li><i class="fa fa-check-circle-o" aria-hidden="true"></i>Execution of python programs</li> <li><i class="fa fa-check-circle-o" aria-hidden="true"></i>Turtle Graphics</li> </ul> <h4>Day 2(Numbers and Variables)</h4> <ul> <li><i class="fa fa-check-circle-o" aria-hidden="true"></i>Variables and datatypes in python</li> <li><i class="fa fa-check-circle-o" aria-hidden="true"></i>Numbers,Strings</li> </ul> <h4>Day 3(Operators & datatypes)</h4> <ul> <li><i class="fa fa-check-circle-o" aria-hidden="true"></i>operators </li> <li><i class="fa fa-check-circle-o" aria-hidden="true"></i>lists</li> <li><i class="fa fa-check-circle-o" aria-hidden="true"></i>tuples, sets, dictionary</li> </ul></div> <div class="col-6"> <h4>Day 4(Loops & Conditions)</h4> <ul> <li><i class="fa fa-check-circle-o" aria-hidden="true"></i>Loops - while, for </li> <li><i class="fa fa-check-circle-o" aria-hidden="true"></i>Conditions - if-else</li> </ul> <h4>Day 5(Functions)</h4> <ul> <li><i class="fa fa-check-circle-o" aria-hidden="true"></i>Functions , lambda functions</li> </ul> <h4>Day 6(Events)</h4> <ul> <li><i class="fa fa-check-circle-o" aria-hidden="true"></i>Handling events : Turtle Draw Create your own interactive drawing program by listening for mouse clicks on the screen</li> <li><i class="fa fa-check-circle-o" aria-hidden="true"></i>Events with Parameters: ClickSpiral Draw a colorful random spiral wherever the user clicks their mouse.</li> </ul> </div> </div> </div> </div> </div> </div> <footer class=""> <div class="container"> <div class="textStyle plft col-sm-5"> <ul class="list-inline"> <li><i class="fa fa-phone-square" aria-hidden="true"></i> 080-48131031 Ex-3</li> <li><i class="fa fa-envelope" aria-hidden="true"></i><a href="mailto:info@krify.org" style="color:#fff;text-decoration:none;"> info@krify.org</a></li> </ul> </div> <div class="col-sm-2" style="border:0px red solid;padding:0"> <div class="prht"> <a href="registration.php"> <img src="images/register-now.png" alt="internship registration" width="100px"></a> </div> </div> <div class="col-sm-5"> <ul class="list-inline prht" style="padding-top:5px;"> <li><a href="https://www.facebook.com/youngengineer.it/" target="_blank"><img src="images/facebook.png" alt="facebook" style="width:33px"></a></li> <li><a href="https://www.instagram.com/youngengineerkkd/" target="_blank"><img src="images/instagram.png" style="width:33px"></a></li> <!-- <li><a href="https://twitter.com/krifysoftware" target="_blank"><img src="images/twitter.png" alt="twitter" style="width:33px"></a></li> --> <!-- <li><a href="https://plus.google.com/+Krify" target="_blank"><img src="images/google.png" alt="google plus" style="width:33px"></a></li> --> <!-- <li><a href="https://www.linkedin.com/company/krify" target="_blank"><img src="images/linkedin.png" alt= "linkedin" style="width:33px"></a></li> --> <!-- <li><a href="https://www.instagram.com/youngengineerkkd/" target="_blank"><img src="images/instagram.png" style="width:33px"></a></li> --> </ul> </div> <div style="clear:both"></div> </div></footer>