app-development.html

<!doctype html>
<html lang="en">

<head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=yes">

    <!--FontAwesome
    <link href="fontawesome/css/all.css" rel="stylesheet">-->
    <!--load all styles -->



    <!-- Bootstrap CSS 
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css"
        integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">-->

    <link rel="stylesheet" href="bootstrap/4.5.0/css/bootstrap.min.css">

    <!--OWL Carousel-->
    <link rel="stylesheet" href="owlcarousel/owl.carousel.min.css">
    <link rel="stylesheet" href="owlcarousel/owl.theme.default.min.css">

    <!--Google Fonts-->
    <link href="https://fonts.googleapis.com/css2?family=Pacifico&display=swap" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css2?family=Balsamiq+Sans&display=swap" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css2?family=Merriweather+Sans:wght@300;400&display=swap" rel="stylesheet">

    <!--Material Icons-->
    <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">

    <!--Animate CSS-->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.0.0/animate.min.css" />

    <link rel="stylesheet" href="css/style.css">

    <title>Ephrine Apps</title>


</head>

<body>

    <nav class="navbar navbar-light bg-light fixed-top  navbar-fixed-top navbar-bg" id="navbar-fixed-top">
        <a class="navbar-brand" href="index.html">
            <img src="img/ephrine1.png" width="100" height="50" class="d-inline-block align-top" alt="">
        </a>
        <ul class="nav justify-content-left navi-menu-desktop">
            <li class="nav-item">
                <a class="nav-link ep-text-violet" href="app-gallery.html">App Gallery</a>
            </li>
            <li class="nav-item">
                <a class="nav-link ep-text-violet" href="#">App Development</a>
            </li>
            <li class="nav-item">
                <a class="nav-link ep-text-violet" href="#">Blog</a>
            </li>
            <li class="nav-item">
                <a class="nav-link ep-text-violet" href="contact.html">Contact</a>
            </li>
            <li class="nav-item">
                <a class="nav-link ep-text-violet" href="#">About</a>
            </li>
        </ul>




        <div class="collapse navbar-collapse mobile-only-nav" id="navbarSupportedContent">
            <ul class="navbar-nav mr-auto">
                <li class="nav-item">
                    <a class="nav-link ep-text-violet" href="app-gallery.html">App Gallery</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link ep-text-violet" href="#">App Development</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link ep-text-violet" href="#">Blog</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link ep-text-violet" href="contact.html">Contact</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link ep-text-violet" href="#">About</a>
                </li>
                <br>
                <a href="#" type="button" class="btn btn-success ">Login</a>
            </ul>




        </div>


        <a class="btn btn-primary-custom  mobile-only-nav" data-toggle="collapse" href="#navbarSupportedContent"
            role="button" aria-expanded="false" aria-controls="navbarSupportedContent">
            <b>
                Menu
            </b>
        </a>


        <div class="form-inline my-2 my-lg-0 navi-menu-desktop">

            <a href="#" type="button" class="btn btn-success ">Login</a>

        </div>

    </nav>



    <!--Footer-->

    <div class="card-footer text-light" style="background-color: rebeccapurple;">

        <footer class="text-light">


            <div class="row">
                <div class="col-sm">

                    <h6 class="text-light"
                        style="font-family: 'Prompt', sans-serif; font-size: small; vertical-align: middle">
                        &copy; 2020 Ephrine Apps LLC. All
                        Rights Reserved | Website build by Devesh Chaudhari</h6>
                    <br>
                    <h6 class="text-light" style="font-family: 'Prompt', sans-serif; font-size: small;">Android, Google,
                        Google
                        Play and other marks are trademarks of Google LLC. The Android robot is reproduced or modified
                        from
                        work
                        created and shared by Google and used according to terms described in the Creative Commons 3.0
                        Attribution
                        License. Oreo is a trademark of Mondelez International, Inc. group.</h6>
                </div>


                <div class="col-sm">
                    <h5 class="text-light" style="font-family: 'Prompt', sans-serif; font-size: small;"><a
                            href="../privacy-policy.html" class="text-white">Privacy policy</a> | <a
                            href="https://rxdevesh.ephrine.in/" class="text-white">Official Devesh Blog</a>
                        | <a href="https://pharmalife.weebly.com" class="text-white">Pharma Life Science</a></h5><br>
                    <h6 style="display: inline-block;">Follow: </h6>
                    <h6 style="text-align: right; display: inline; vertical-align: middle;">
                        <a href="https://www.facebook.com/ephrineapps/" target="_blank"><img src="img/fb-logo.png"
                                height="30px" width="30px" style="margin-right: 10px;"></a>
                        <a href="https://www.instagram.com/ephrineapps/" target="_blank"><img
                                src="img/instagram-logo.png" height="30px" width="30px" style="margin-right: 10px"></a>
                        <a href="https://www.linkedin.com/company/ephrine/" target="_blank"><img
                                src="img/In-Blue-48.png" height="30px" width="30px" style="margin-right: 10px"></a>
                        <!-- <a href="#"><img src="img/wa-logo-sq.png" height="30px" width="30px" style="margin-right: 10px"></a>-->
                        <a href="https://github.com/ephrine/" target="_blank"><img src="img/GitHub-Mark-Light-64px.png"
                                height="30px" width="30px" style="margin-right: 10px"></a>
                    </h6>
                </div>
            </div>



            <center>

            </center>

        </footer>
    </div>






    <!-- Optional JavaScript -->
    <!-- jQuery first, then Popper.js, then Bootstrap JS -->
    <script src="https://code.jquery.com/jquery-3.4.1.slim.min.js"
        integrity="sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n"
        crossorigin="anonymous"></script>
    <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js"
        integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo"
        crossorigin="anonymous"></script>
    <!--
            <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.min.js"
            integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6"
            crossorigin="anonymous"></script>
            -->
    <script src="bootstrap/4.5.0/js/bootstrap.min.js"></script>

    <!--Owl Carousel-->
    <script src="owlcarousel/owl.carousel.min.js"></script>

    <script src="js/main.js"></script>

    <!--
      <object type="text/html" >
        <img src="your_image.svg" alt="This is your image alt" title="Your image title tag">
    </object>
 
  -->
</body>

</html>