-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
1 lines (1 loc) · 13.3 KB
/
index.html
1
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1"><link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous"><link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin><link href="hidden;tps://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap" rel="stylesheet"><link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin><link href="https://fonts.googleapis.com/css2?family=Neuton:ital,wght@0,200;0,300;0,400;0,700;0,800;1,400&display=swap" rel="stylesheet"><link rel="icon" href="./Assets/Images/Logo-2.png" type="image/icon type"><link rel="stylesheet" href="./Assets/CSS/styles.css"><title>A/Tech</title></head><body><section id="nevbar"><nav class="navbar navbar-expand-lg fixed-top container"><a class="navbar-brand" href="#"><img src="./Assets/Images/Logo-2.png" alt="Logo" width="55" height="55" class="d-inline-block"><span class="navbar-brandText">A/Tech </span></a><button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation"><span class="navbar-toggler-icon"></span></button><div class="collapse navbar-collapse" id="navbarNav"><ul class="navbar-nav"><li class="nav-item"><a class="nav-link" aria-current="page" href="#">Home</a></li><li class="nav-item"><a class="nav-link" href="#">Services</a></li><li class="nav-item"><a class="nav-link" href="#">Pricing</a></li><li class="nav-item"><a class="nav-link" href="#">Contact</a></li><li class="nav-item"><a class="nav-link" href="#">About</a></li></ul></div></nav></section><section id="title"><div class="container-fluid"><div class="row flex-lg-row-reverse align-items-center"><div class="col-lg-7"><img src="./Assets/Images/web-design-2.png" class="title-image d-block mx-lg-auto img-fluid" alt="Bootstrap Themes" loading="lazy"></div><div class="col-lg-5 col-sm-12 col-md-10"><img src="./Assets/Images/Logo-2.png" alt="Logo" class="col-lg-3 title-logo"><h1 class="title-header mb-3">Welcome to <span class="brand badge rounded-pill text-bg-dark">A/Tech </span>Where Innovation Meets Design!</h1><hr><p class="title-text">Empowering Tomorrow's Digital World with Creative Solutions. Join us on a journey through the realms of technology and design excellence. Explore, Create, and Experience the Future Today!</p></div></div></div></section><section id="services"><div class="services-container container d-flex align-items-center justify-content-center"><div class="row"><h2 class="services-header">The services we offer</h2><div class="services-card col-sm-12 col-md-12 col-lg-4 bg-light"><div class="icon-square d-inline-flex align-items-center justify-content-center text-bg-secondary bg-gradient fs-2 mb-3"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" class="bi bi-brush-fill" viewBox="0 0 16 16"><path d="M15.825.12a.5.5 0 0 1 .132.584c-1.53 3.43-4.743 8.17-7.095 10.64a6.1 6.1 0 0 1-2.373 1.534c-.018.227-.06.538-.16.868-.201.659-.667 1.479-1.708 1.74a8.1 8.1 0 0 1-3.078.132 4 4 0 0 1-.562-.135 1.4 1.4 0 0 1-.466-.247.7.7 0 0 1-.204-.288.62.62 0 0 1 .004-.443c.095-.245.316-.38.461-.452.394-.197.625-.453.867-.826.095-.144.184-.297.287-.472l.117-.198c.151-.255.326-.54.546-.848.528-.739 1.201-.925 1.746-.896q.19.012.348.048c.062-.172.142-.38.238-.608.261-.619.658-1.419 1.187-2.069 2.176-2.67 6.18-6.206 9.117-8.104a.5.5 0 0 1 .596.04"/></svg></div><h3 class="services-cardHeader">Website Design and Development</h3><hr><p class="services-cardText">Our expert team crafts visually stunning and functional websites tailored to your unique needs. From concept to execution, we ensure your online presence stands out amidst the digital noise. Utilizing the latest design trends and development technologies, we create responsive, user-friendly websites that captivate audiences and drive results.</p></div><div class="services-card col-sm-12 col-md-12 col-lg-4 bg-light"><div class="icon-square d-inline-flex align-items-center justify-content-center text-bg-secondary bg-gradient fs-2 mb-3"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" class="bi bi-ui-checks" viewBox="0 0 16 16"><path d="M7 2.5a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-7a.5.5 0 0 1-.5-.5zM2 1a2 2 0 0 0-2 2v2a2 2 0 0 0 2 2h2a2 2 0 0 0 2-2V3a2 2 0 0 0-2-2zm0 8a2 2 0 0 0-2 2v2a2 2 0 0 0 2 2h2a2 2 0 0 0 2-2v-2a2 2 0 0 0-2-2zm.854-3.646a.5.5 0 0 1-.708 0l-1-1a.5.5 0 1 1 .708-.708l.646.647 1.646-1.647a.5.5 0 1 1 .708.708zm0 8a.5.5 0 0 1-.708 0l-1-1a.5.5 0 0 1 .708-.708l.646.647 1.646-1.647a.5.5 0 0 1 .708.708zM7 10.5a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-7a.5.5 0 0 1-.5-.5zm0-5a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1-.5-.5m0 8a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1-.5-.5"/></svg></div><h3 class="services-cardHeader">User Interface (UI) and User Experience (UX) Design</h3><hr><p class="services-cardText">Elevate your digital products with intuitive and captivating user interfaces (UI) and seamless user experiences (UX). We specialize in crafting interfaces that engage users, enhance usability, and drive conversions. Through careful analysis and iterative design processes, we ensure your applications and websites deliver exceptional user satisfaction and achieve your business objectives.</p></div><div class="services-card col-sm-12 col-md-12 col-lg-4 bg-light"><div class="icon-square d-inline-flex align-items-center justify-content-center text-bg-secondary bg-gradient fs-2 mb-3"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" class="bi bi-android2" viewBox="0 0 16 16"><path d="m10.213 1.471.691-1.26q.069-.124-.048-.192-.128-.057-.195.058l-.7 1.27A4.8 4.8 0 0 0 8.005.941q-1.032 0-1.956.404l-.7-1.27Q5.281-.037 5.154.02q-.117.069-.049.193l.691 1.259a4.25 4.25 0 0 0-1.673 1.476A3.7 3.7 0 0 0 3.5 5.02h9q0-1.125-.623-2.072a4.27 4.27 0 0 0-1.664-1.476ZM6.22 3.303a.37.37 0 0 1-.267.11.35.35 0 0 1-.263-.11.37.37 0 0 1-.107-.264.37.37 0 0 1 .107-.265.35.35 0 0 1 .263-.11q.155 0 .267.11a.36.36 0 0 1 .112.265.36.36 0 0 1-.112.264m4.101 0a.35.35 0 0 1-.262.11.37.37 0 0 1-.268-.11.36.36 0 0 1-.112-.264q0-.154.112-.265a.37.37 0 0 1 .268-.11q.155 0 .262.11a.37.37 0 0 1 .107.265q0 .153-.107.264M3.5 11.77q0 .441.311.75.311.306.76.307h.758l.01 2.182q0 .414.292.703a.96.96 0 0 0 .7.288.97.97 0 0 0 .71-.288.95.95 0 0 0 .292-.703v-2.182h1.343v2.182q0 .414.292.703a.97.97 0 0 0 .71.288.97.97 0 0 0 .71-.288.95.95 0 0 0 .292-.703v-2.182h.76q.436 0 .749-.308.31-.307.311-.75V5.365h-9zm10.495-6.587a.98.98 0 0 0-.702.278.9.9 0 0 0-.293.685v4.063q0 .406.293.69a.97.97 0 0 0 .702.284q.42 0 .712-.284a.92.92 0 0 0 .293-.69V6.146a.9.9 0 0 0-.293-.685 1 1 0 0 0-.712-.278m-12.702.283a1 1 0 0 1 .712-.283q.41 0 .702.283a.9.9 0 0 1 .293.68v4.063a.93.93 0 0 1-.288.69.97.97 0 0 1-.707.284 1 1 0 0 1-.712-.284.92.92 0 0 1-.293-.69V6.146q0-.396.293-.68"/></svg></div><h3 class="services-cardHeader">Mobile App Development</h3><hr><p class="services-cardText">Transform your ideas into innovative mobile applications that resonate with your target audience. Our experienced team of developers builds high-performance apps for iOS and Android platforms, leveraging cutting-edge technologies and industry best practices. Whether you're launching a consumer-facing app or an enterprise solution, we deliver scalable and feature-rich mobile experiences that leave a lasting impression.</p></div></div></div></section><section id="pricing"><div class="container d-flex align-items-center justify-content-center"><div class="row"><h2 class="pricing-header">Pricing</h2><div class="col-lg-4"><div class="pricing-card card mb-4"><div class="card-header py-3"><h4 class="my-0">Free</h4></div><div class="card-body"><h1 class="card-title pricing-card-title">$0<small class="text-body-secondary fw-light">/mo</small></h1><ul class="list-unstyled mt-3 mb-4"><li>10 users included</li><li>2 GB of storage</li><li>Email support</li><li>Help center access</li></ul><button type="button" class="w-100 btn btn-lg btn-outline-dark">Sign up for free</button></div></div></div><div class="col-lg-4"><div class="pricing-card card mb-4 p-3"><div class="card-header py-3"><h4 class="my-0">Pro</h4></div><div class="card-body"><h1 class="card-title pricing-card-title">$15<small class="text-body-secondary fw-light">/mo</small></h1><ul class="list-unstyled mt-3 mb-4"><li>20 users included</li><li>10 GB of storage</li><li>Priority email support</li><li>Help center access</li></ul><button type="button" class="w-100 btn btn-lg btn-dark">Get started</button></div></div></div><div class="col-lg-4"><div class="pricing-card card p-3 border-dark"><div class="card-header py-3"><h4 class="my-0">Enterprise</h4></div><div class="card-body"><h1 class="card-title pricing-card-title">$29<small class="text-body-secondary fw-light">/mo</small></h1><ul class="list-unstyled mt-3 mb-4"><li>30 users included</li><li>15 GB of storage</li><li>Phone and email support</li><li>Help center access</li></ul><button type="button" class="w-100 btn btn-lg btn-dark">Contact us</button></div></div></div></div></div></section><section id="contact"><div class="container d-flex align-items-center justify-content-center"><div class="row"><h2 class="contact-header">Contact Us</h2><div class="contact-card bg-light col-md-12 col-lg-6"><h3 class="contact-cardHeader">Phone</h3><p class="contact-cardText">077 55 88 123</p></div><div class="contact-card bg-light col-sm-12 col-lg-6"><h3 class="contact-cardHeader">Email</h3><p class="contact-cardText">[email protected]</p></div><div class="contact-card bg-light col-sm-12 col-lg-6"><h3 class="contact-cardHeader">Address</h3><p class="contact-cardText">4100 Ross Street, Okawville, IL</p></div><div class="contact-card bg-light col-sm-12 col-lg-6"><h3 class="contact-cardHeader">Working Hours</h3><p class="contact-cardText">9:00 - 18:00</p></div></div></div></section><section id="footer"><div class="container footer"><footer class="d-flex flex-wrap justify-content-center align-items-center py-3 my-4 border-top"><div class="col-md-4 d-flex align-items-center"><a href="/" class="mb-3 me-2 mb-md-0 text-body-secondary text-decoration-none lh-1"><img src="./Assets/Images/Logo-2.png" alt="Logo" width="35" height="35"> </a><span class="mb-3 mb-md-0">© 2024 A/Tech</span></div><ul class="nav col-md-4 justify-content-end list-unstyled d-flex"><li class="ms-3"><a class="text-body-secondary" href="#"><svg class="bi" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" class="bi bi-facebook" viewBox="0 0 16 16"><path d="M16 8.049c0-4.446-3.582-8.05-8-8.05C3.58 0-.002 3.603-.002 8.05c0 4.017 2.926 7.347 6.75 7.951v-5.625h-2.03V8.05H6.75V6.275c0-2.017 1.195-3.131 3.022-3.131.876 0 1.791.157 1.791.157v1.98h-1.009c-.993 0-1.303.621-1.303 1.258v1.51h2.218l-.354 2.326H9.25V16c3.824-.604 6.75-3.934 6.75-7.951"/></svg></a></li><li class="ms-3"><a class="text-body-secondary" href="#"><svg class="bi" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" class="bi bi-twitter-x" viewBox="0 0 16 16"><path d="M12.6.75h2.454l-5.36 6.142L16 15.25h-4.937l-3.867-5.07-4.425 5.07H.316l5.733-6.57L0 .75h5.063l3.495 4.633L12.601.75Zm-.86 13.028h1.36L4.323 2.145H2.865z"/></svg></a></li><li class="ms-3"><a class="text-body-secondary" href="#"><svg class="bi" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" class="bi bi-instagram" viewBox="0 0 16 16"><path d="M8 0C5.829 0 5.556.01 4.703.048 3.85.088 3.269.222 2.76.42a3.9 3.9 0 0 0-1.417.923A3.9 3.9 0 0 0 .42 2.76C.222 3.268.087 3.85.048 4.7.01 5.555 0 5.827 0 8.001c0 2.172.01 2.444.048 3.297.04.852.174 1.433.372 1.942.205.526.478.972.923 1.417.444.445.89.719 1.416.923.51.198 1.09.333 1.942.372C5.555 15.99 5.827 16 8 16s2.444-.01 3.298-.048c.851-.04 1.434-.174 1.943-.372a3.9 3.9 0 0 0 1.416-.923c.445-.445.718-.891.923-1.417.197-.509.332-1.09.372-1.942C15.99 10.445 16 10.173 16 8s-.01-2.445-.048-3.299c-.04-.851-.175-1.433-.372-1.941a3.9 3.9 0 0 0-.923-1.417A3.9 3.9 0 0 0 13.24.42c-.51-.198-1.092-.333-1.943-.372C10.443.01 10.172 0 7.998 0zm-.717 1.442h.718c2.136 0 2.389.007 3.232.046.78.035 1.204.166 1.486.275.373.145.64.319.92.599s.453.546.598.92c.11.281.24.705.275 1.485.039.843.047 1.096.047 3.231s-.008 2.389-.047 3.232c-.035.78-.166 1.203-.275 1.485a2.5 2.5 0 0 1-.599.919c-.28.28-.546.453-.92.598-.28.11-.704.24-1.485.276-.843.038-1.096.047-3.232.047s-2.39-.009-3.233-.047c-.78-.036-1.203-.166-1.485-.276a2.5 2.5 0 0 1-.92-.598 2.5 2.5 0 0 1-.6-.92c-.109-.281-.24-.705-.275-1.485-.038-.843-.046-1.096-.046-3.233s.008-2.388.046-3.231c.036-.78.166-1.204.276-1.486.145-.373.319-.64.599-.92s.546-.453.92-.598c.282-.11.705-.24 1.485-.276.738-.034 1.024-.044 2.515-.045zm4.988 1.328a.96.96 0 1 0 0 1.92.96.96 0 0 0 0-1.92m-4.27 1.122a4.109 4.109 0 1 0 0 8.217 4.109 4.109 0 0 0 0-8.217m0 1.441a2.667 2.667 0 1 1 0 5.334 2.667 2.667 0 0 1 0-5.334"/></svg></a></li></ul></footer></div></section><script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script></body></html>