Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <meta charset="utf-8">
- <meta content="width=device-width, initial-scale=1.0" name="viewport">
- <title id="title">Meta Mind</title>
- <meta content="" name="descriptison">
- <meta content="" name="keywords">
- <!-- Favicons -->
- <link href="https://i.imgur.com/ALapVJT.png" rel="icon">
- <link href="https://i.imgur.com/rfj8PIX.png" rel="apple-touch-icon">
- <!-- Google Fonts -->
- <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i|Raleway:300,300i,400,400i,500,500i,600,600i,700,700i|Poppins:300,300i,400,400i,500,500i,600,600i,700,700i" rel="stylesheet">
- <!-- Vendor CSS Files -->
- <link href="assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
- <link href="assets/vendor/icofont/icofont.min.css" rel="stylesheet">
- <link href="assets/vendor/boxicons/css/boxicons.min.css" rel="stylesheet">
- <link href="assets/vendor/venobox/venobox.css" rel="stylesheet">
- <link href="assets/vendor/owl.carousel/assets/owl.carousel.min.css" rel="stylesheet">
- <link href="assets/vendor/aos/aos.css" rel="stylesheet">
- <!-- Template Main CSS File -->
- <link href="assets/css/style.css" rel="stylesheet">
- </head>
- <body>
- <!-- ======= Header ======= -->
- <header id="header" class="fixed-top">
- <div class="container d-flex">
- <div class="logo mr-auto">
- <h1 class="text-light"><a href="index.html"><span>MetaMind</span></a></h1>
- <!-- Uncomment below if you prefer to use an image logo -->
- <!-- <a href="index.html"><img src="assets/img/logo.png" alt="" class="img-fluid"></a>-->
- </div>
- <nav class="nav-menu d-none d-lg-block">
- <ul>
- <li class="active"><a href="index.html">Home</a></li>
- <li class="drop-down"><a href="#about">About</a>
- <ul>
- <li><a href="#about">About Us</a></li>
- <li><a href="#team">Team</a></li>
- </ul>
- </li>
- <li><a href="#services">Services</a></li>
- <li><a href="#portfolio">Portfolio</a></li>
- <li><a href="#contact">Contact</a></li>
- </ul>
- </nav>
- <!-- .nav-menu -->
- <div class="header-social-links">
- <a href="#" class="facebook"><i class="icofont-facebook"></i></a>
- <a href="#" class="linkedin"><i class="icofont-linkedin"></i></i></a>
- </div>
- </div>
- </header>
- <!-- End Header -->
- <!-- ======= Hero Section ======= -->
- <section id="hero">
- <div class="container">
- <div class="row">
- <div class="col-lg-6 pt-5 pt-lg-0 order-2 order-lg-1 d-flex flex-column justify-content-center" data-aos="">
- <div>
- <h1 id="title_whatWeDo"></h1>
- <h2 id="title_whoWeAre"></h2>
- <a href="#about" class="btn-get-started scrollto" id="title_learnMore"></a>
- </div>
- </div>
- <div class="col-lg-6 order-1 order-lg-2 hero-img" data-aos="">
- <img src="https://i.imgur.com/V0zw4pE.png" class="img-fluid" alt="">
- </div>
- </div>
- </div>
- </section>
- <!-- End Hero -->
- <main id="main">
- <!-- ======= About Section ======= -->
- <section id="about" class="about">
- <div class="container">
- <div class="row">
- <div class="col-lg-6" data-aos="">
- <img src="https://i.imgur.com/lxf3aMu.jpg" class="img-fluid" alt="">
- </div>
- <div class="col-lg-6 d-flex flex-column justify-contents-center" data-aos="">
- <div class="content pt-4 pt-lg-0">
- <h3 id="WhoWeAre"></h3>
- <p id="WhoWeAre_subtext"class="font-italic">
- </p>
- <br>
- <ul>
- <li><i class="icofont-check-circled"></i> We teach the <b>knowledge</b> needed that lead to</li>
- <li><i class="icofont-check-circled"></i> Train the <b>skills</b> required to ultimately</li>
- <li><i class="icofont-check-circled"></i> Aquire the <b>behaviours</b> to best fit the role.</li>
- </ul>
- </div>
- </div>
- </div>
- </div>
- </section>
- <!-- End About Section -->
- <!-- ======= Features Section ======= -->
- <section id="feature" class="features">
- <div class="container">
- <div class="row">
- <div class="col-lg-6 mt-2 mb-tg-0 order-2 order-lg-1">
- <ul class="nav nav-tabs flex-column" id="featureMain">
- <li class="nav-item mt-2" data-aos="" data-aos-delay="0" id="featureId">
- <a class="nav-link" data-toggle="tab" href="#tab-1">
- <h4 id="featureTitle"></h4>
- <p id="featureValue"></p>
- </a>
- </li>
- </ul>
- </div>
- <div class="col-lg-6 order-1 order-lg-2" data-aos="">
- <div class="tab-content" id="featureImages">
- <div class="tab-pane tabClass" id="tab-">
- <figure>
- <img src="" alt="" class="img-fluid" id="featureUrl">
- </figure>
- </div>
- </div>
- </div>
- </div>
- </div>
- </section>
- <!-- End Features Section -->
- <!-- ======= Services Section ======= -->
- <section id="services" class="services section-bg">
- <div class="container">
- <div class="section-title" data-aos="">
- <h2 id="Services"></h2>
- <p id="Services_subtext"></p>
- </div>
- <div class="row" id="servicesId">
- <div class="col-md-6 col-lg-3 d-flex align-items-stretch mb-5 mb-lg-0" id="serviceId" style="display: none;">
- <div class="icon-box icon-box-pink">
- <div class="icon"><i id="serviceIcon" class="bx"></i></div>
- <h4 class="title" id="serviceName"></h4>
- <p class="description" id="serviceDescription"></p>
- </div>
- </div>
- </div>
- </div>
- </section><!-- End Services Section -->
- <!-- ======= Portfolio Section ======= -->
- <section id="portfolio" class="portfolio">
- <div class="container">
- <div class="section-title" data-aos="">
- <h2 id="Portofolio"></h2>
- <p id="Portofolio_subtext"></p>
- </div>
- <div class="row">
- <div class="col-lg-12 d-flex justify-content-center" data-aos="" data-aos-delay="0">
- <ul id="portfolio-flters">
- <li data-filter="*" class="filter-active">All</li>
- <li data-filter=".filter-app">Web Developer</li>
- <li data-filter=".filter-card">Project Manager</li>
- <li data-filter=".filter-web">QA Tester</li>
- </ul>
- </div>
- </div>
- <div class="row portfolio-container" data-aos="" data-aos-delay="0">
- <div class="col-lg-4 col-md-6 portfolio-item filter-app">
- <div class="portfolio-wrap">
- <img src="https://i.imgur.com/YGQvcAG.jpg" class="img-fluid" alt="">
- <div class="portfolio-info">
- <h4>App 1</h4>
- <p>App</p>
- </div>
- <div class="portfolio-links">
- <a href="1-details.html" title="More Details"><i class="bx bx-link"></i></a>
- </div>
- </div>
- </div>
- <div class="col-lg-4 col-md-6 portfolio-item filter-app">
- <div class="portfolio-wrap">
- <img src="https://i.imgur.com/JTugXOT.jpg" class="img-fluid" alt="">
- <div class="portfolio-info">
- <h4>App 1</h4>
- <p>App</p>
- </div>
- <div class="portfolio-links">
- <a href="2-details.html" title="More Details"><i class="bx bx-link"></i></a>
- </div>
- </div>
- </div>
- <div class="col-lg-4 col-md-6 portfolio-item filter-app">
- <div class="portfolio-wrap">
- <img src="https://i.imgur.com/Af64aYM.jpg" class="img-fluid" alt="">
- <div class="portfolio-info">
- <h4>App 1</h4>
- <p>App</p>
- </div>
- <div class="portfolio-links">
- <a href="3-details.html" title="More Details"><i class="bx bx-link"></i></a>
- </div>
- </div>
- </div>
- <div class="col-lg-4 col-md-6 portfolio-item filter-app">
- <div class="portfolio-wrap">
- <img src="https://i.imgur.com/WQax5jB.jpg" class="img-fluid" alt="">
- <div class="portfolio-info">
- <h4>App 1</h4>
- <p>App</p>
- </div>
- <div class="portfolio-links">
- <a href="4-details.html" title="More Details"><i class="bx bx-link"></i></a>
- </div>
- </div>
- </div>
- <div class="col-lg-4 col-md-6 portfolio-item filter-app">
- <div class="portfolio-wrap">
- <img src="https://i.imgur.com/YDMm51e.jpg" class="img-fluid" alt="">
- <div class="portfolio-info">
- <h4>App 1</h4>
- <p>App</p>
- </div>
- <div class="portfolio-links">
- <a href="5-details.html" title="More Details"><i class="bx bx-link"></i></a>
- </div>
- </div>
- </div>
- <div class="col-lg-4 col-md-6 portfolio-item filter-app">
- <div class="portfolio-wrap">
- <img src="https://i.imgur.com/dBakBn1.jpg" class="img-fluid" alt="">
- <div class="portfolio-info">
- <h4>App 1</h4>
- <p>App</p>
- </div>
- <div class="portfolio-links">
- <a href="6-details.html" title="More Details"><i class="bx bx-link"></i></a>
- </div>
- </div>
- </div>
- <div class="col-lg-4 col-md-6 portfolio-item filter-app">
- <div class="portfolio-wrap">
- <img src="https://i.imgur.com/bNPDVr2.jpg" class="img-fluid" alt="">
- <div class="portfolio-info">
- <h4>App 1</h4>
- <p>App</p>
- </div>
- <div class="portfolio-links">
- <a href="7-details.html" title="More Details"><i class="bx bx-link"></i></a>
- </div>
- </div>
- </div>
- </div>
- </div>
- </section><!-- End Portfolio Section -->
- </section><!-- End Cta Section -->
- <!-- ======= Team Section ======= -->
- <section id="team" class="team">
- <div class="container">
- <div class="section-title" data-aos="">
- <h2 id="Team"></h2>
- <p id="Team_subtext"></p>
- </div>
- <div class="row">
- <div class="col-lg-4 col-md-6">
- <div class="member" data-aos="">
- <div class="pic"><img src="https://i.imgur.com/Y0n9JWs.jpg" class="img-fluid" alt=""></div>
- <div class="member-info">
- <h4>Dan Bugariu</h4>
- <span>Co-founder Growceanu</span>
- <div class="social">
- <a href=""><i class="icofont-facebook"></i></a>
- <a href=""><i class="icofont-linkedin"></i></a>
- </div>
- </div>
- </div>
- </div>
- <div class="col-lg-4 col-md-6">
- <div class="member" data-aos="" data-aos-delay="">
- <div class="pic"><img src="https://i.imgur.com/hVwHf52.jpg" class="img-fluid" alt=""></div>
- <div class="member-info">
- <h4>Raluca Bugariu</h4>
- <span>Founder 6C</span>
- <div class="social">
- <a href=""><i class="icofont-facebook"></i></a>
- <a href=""><i class="icofont-linkedin"></i></a>
- </div>
- </div>
- </div>
- </div>
- <div class="col-lg-4 col-md-6">
- <div class="member" data-aos="" data-aos-delay="">
- <div class="pic"><img src="https://i.imgur.com/N0VsNLP.jpg" class="img-fluid" alt=""></div>
- <div class="member-info">
- <h4>Bogdan Solga</h4>
- <span>Java trainer and coach at LearnSpring
- </span>
- <div class="social">
- <a href=""><i class="icofont-facebook"></i></a>
- <a href=""><i class="icofont-linkedin"></i></a>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- </section>
- <!-- End Team Section -->
- <!-- ======= Cta Section ======= -->
- <section id="cta" class="cta">
- <div class="container">
- <div class="row" data-aos="">
- <div class="col-lg-9 text-center text-lg-left">
- <h3 id="ContactUs"></h3>
- <p id="ContactUs_subtext"></p>
- </div>
- <div class="col-lg-3 cta-btn-container text-center">
- <a class="cta-btn align-middle" href="#contact">Contact us</a>
- </div>
- </div>
- </div>
- <!-- ======= Contact Section ======= -->
- <section id="contact" class="contact section-bg">
- <div class="container">
- <div class="section-title" data-aos="">
- <h2 id="ContactUs"></h2>
- </div>
- <div class="row">
- <div class="col-lg-5 d-flex align-items-stretch" data-aos="">
- <div class="info">
- <div class="address">
- <i class="icofont-google-map"></i>
- <h4>Location:</h4>
- <p>J.S. Bach 12, Timișoara 300390</p>
- </div>
- <div class="email">
- <i class="icofont-envelope"></i>
- <h4>Email:</h4>
- <p>hello@metamind.com</p>
- </div>
- <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2783.570795967545!2d21.210277315567385!3d45.75974987910561!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x47456789ba87e105%3A0xc3cd484e6e2f259a!2sStrada%20Johann%20Sebastian%20Bach%2012%2C%20Timi%C8%99oara!5e0!3m2!1sen!2sro!4v1586027614614!5m2!1sen!2sro" width="400" height="300" frameborder="0" style="border:0;" allowfullscreen="" aria-hidden="false" tabindex="0"></iframe>
- </div>
- </div>
- <div class="col-lg-7 mt-5 mt-lg-0 d-flex align-items-stretch" data-aos="">
- <!-- aici vine form airtable cu tabela separata de procesare emailuri -->
- <script src="https://static.airtable.com/js/embed/embed_snippet_v1.js"></script><iframe class="airtable-embed airtable-dynamic-height" src="https://airtable.com/embed/shrslOWlJNAQfwJnR?backgroundColor=purple" frameborder="0" onmousewheel="" width="100%" height="915" style="background: transparent; border: 1px solid #ccc;"></iframe>
- </div>
- </div>
- </div>
- </section><!-- End Contact Section -->
- </main><!-- End #main -->
- <!-- ======= Footer ======= -->
- <footer id="footer">
- <div class="footer-top">
- <div class="container">
- <div class="row">
- <div class="col-lg-3 col-md-6">
- <div class="footer-info">
- <h3 id="FooterTitle"></h3>
- <p id="FooterLocation"></p>
- <br><br>
- <p id="FooterMail"><br></p>
- <div class="social-links mt-3">
- <a href="#" class="facebook"><i class="bx bxl-facebook"></i></a>
- <a href="#" class="linkedin"><i class="bx bxl-linkedin"></i></a>
- </div>
- </div>
- </div>
- </div>
- </div>
- <div class="container">
- <div id="FooterCopyRight" class="copyright">
- </div>
- </div>
- </footer>
- <script>
- var initialURL = "https://api.airtable.com/v0/appHKYcHaNi1TVqPQ/XXXXX?api_key=keyJha7ay1UGXspql";
- var initialURLImages = "https://api.airtable.com/v0/appHKYcHaNi1TVqPQ/XXXXX?api_key=keyJha7ay1UGXspql";
- function site (item) {
- try {
- document.getElementById (item.property).innerHTML = item.value;
- } catch (err) {
- try {
- var x = document.getElementsByClassName(item.property);
- for (var i = 0; i < x.length; i++) {
- x[i].innerHTML = item.value;
- }
- } catch (err) { }
- }
- }
- function siteImages (item) {
- try {
- document.getElementById(item.property).src = item.url;
- } catch (err) {
- try {
- var x = document.getElementsByClassName(item.property);
- for (var i = 0; i < x.length; i++) {
- x[i].src = item.url;
- }
- } catch (err) { }
- }
- }
- /*Takes values from Table Site - Unique values*/
- request (initialURL.replace("XXXXX", "Site"), site);
- request (initialURLImages.replace("XXXXX", "Site"), siteImages);
- var items;
- var serviceClassList = document.getElementById("serviceIcon").className;
- //var aboutClassList = document.getElementById("aboutIcon").className;
- //var contactClassList = document.getElementById("contactIcon").className;
- var indx = 1;
- function services (item) {
- if (item.category === "service") {
- document.getElementById("serviceName").innerHTML = item.property;
- document.getElementById("serviceDescription").innerHTML = item.value;
- document.getElementById("serviceIcon").className = serviceClassList + " " + item.iconClass;
- var cln = document.getElementById("serviceId").cloneNode(true);
- cln.style.display = "inline";
- cln.removeAttribute("id")
- document.getElementById("servicesId").appendChild(cln);
- } else if (item.category === "about") {
- document.getElementById("aboutName").innerHTML = item.property;
- document.getElementById("aboutDescription").innerHTML = item.value;
- document.getElementById("aboutIcon").className = item.iconClass + " " + aboutClassList;
- var cln = document.getElementById("aboutId").cloneNode(true);
- cln.style.display = "inline";
- document.getElementById("about").appendChild(cln);
- } else if (item.category === "contact") {
- document.getElementById("contactProperty").innerHTML = item.property;
- document.getElementById("contactValue").innerHTML = item.value;
- document.getElementById("contactIcon").className = item.iconClass + " " + contactClassList;
- var cln = document.getElementById("contactId").cloneNode(true);
- cln.style.display = "inline";
- document.getElementById("contact").appendChild(cln);
- } else if(item.category === "feature") {
- // do tabs
- document.getElementsByClassName("nav-link")[0].href = "#tab-"+indx;
- document.getElementById("featureTitle").innerHTML = item.property;
- document.getElementById("featureValue").innerHTML = item.value;
- var cln = document.getElementById("featureId").cloneNode(true);
- document.getElementById("featureMain").appendChild(cln);
- // do images for tabs
- document.getElementsByClassName("tabClass")[0].id = "tab-"+indx;
- document.getElementById("featureUrl").src = item.url;
- var cln = document.getElementsByClassName("tabClass")[0].cloneNode(true);
- document.getElementById("featureImages").appendChild(cln);
- indx++;
- }
- }
- function last () {
- document.getElementById("serviceId").remove();
- document.getElementById("featureId").remove();
- document.getElementById("tab-4").remove();
- }
- /*Takes items from Table 'Item' - Lists*/
- items = request (initialURL.replace("XXXXX", "Item"), services, last);
- function request (url, fnc, last) {
- var xmlhttp = new XMLHttpRequest();
- xmlhttp.onreadystatechange = function() {
- if (this.readyState == 4 && this.status == 200) {
- var myObj = JSON.parse(this.responseText);
- if (myObj.records instanceof Array) {
- for (var i=0; i<myObj.records.length; i++) {
- fnc(myObj.records[i].fields);
- }
- try {
- last();
- } catch (err) {/*eat it*/}
- return myObj.records;
- }
- }
- };
- xmlhttp.open("GET", url, true);
- xmlhttp.send();
- }
- </script>
- <!-- Vendor JS Files -->
- <script src="assets/vendor/jquery/jquery.min.js"></script>
- <script src="assets/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
- <script src="assets/vendor/jquery.easing/jquery.easing.min.js"></script>
- <script src="assets/vendor/php-email-form/validate.js"></script>
- <script src="assets/vendor/isotope-layout/isotope.pkgd.min.js"></script>
- <script src="assets/vendor/venobox/venobox.min.js"></script>
- <script src="assets/vendor/owl.carousel/owl.carousel.min.js"></script>
- <script src="assets/vendor/aos/aos.js"></script>
- <!-- Template Main JS File -->
- <script src="assets/js/main.js"></script>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement