rahul.katari
/
brihaspathi
ウォッチ 1
スター 0
フォーク 0
コード 課題 0 プルリクエスト 0 リリース 0 Wiki アクティビティ
説明なし
選択できるのは25トピックまでです。 トピックは、先頭が英数字で、英数字とダッシュ('-')を使用した35文字以内のものにしてください。
3 コミット
1 ブランチ
ツリー: a59c63c2f5
ブランチ タグ
${ item.name }
ブランチ ${ searchTerm } を作成
'a59c63c2f5' から
${ noResults }
brihaspathi/software-development.html

software-development.html 20KB
履歴 Raw

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467 
  1. <!DOCTYPE html>

  2. <html lang="en">

  3. 

  4. <head>

  5.   <meta charset="utf-8" />

  6.   <title>

  7.     Brihaspathi Technologies - Leading IT Solutions & Services Provider

  8.   </title>

  9.   <meta content="width=device-width, initial-scale=1.0" name="viewport" />

  10.   <meta content="" name="keywords" />

  11.   <meta content="" name="description" />

  12. 

  13.   <!-- Google Web Fonts -->

  14.   <link rel="preconnect" href="https://fonts.googleapis.com" />

  15.   <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />

  16.   <link

  17.     href="https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Inter:slnt,wght@-10..0,100..900&display=swap"

  18.     rel="stylesheet" />

  19. 

  20.   <!-- Icon Font Stylesheet -->

  21.   <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.4/css/all.css" />

  22.   <link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.4.1/font/bootstrap-icons.css" rel="stylesheet" />

  23. 

  24.   <link rel="stylesheet" href="https://unpkg.com/boxicons@2.1.4/css/boxicons.min.css">

  25. 

  26. 

  27.   <!-- Libraries Stylesheet -->

  28.   <link rel="stylesheet" href="lib/animate/animate.min.css" />

  29.   <link href="lib/lightbox/css/lightbox.min.css" rel="stylesheet" />

  30.   <link href="lib/owlcarousel/assets/owl.carousel.min.css" rel="stylesheet" />

  31. 

  32.   <!-- Customized Bootstrap Stylesheet -->

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

  34. 

  35.   <!-- Template Stylesheet -->

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

  37.   <link href="css/navbar.css" rel="stylesheet" />

  38. </head>

  39. 

  40. <body>

  41.   <!-- Spinner Start -->

  42.   <div id="spinner"

  43.     class="show bg-white position-fixed translate-middle w-100 vh-100 top-50 start-50 d-flex align-items-center justify-content-center">

  44.     <div class="spinner-border text-primary" style="width: 3rem; height: 3rem" role="status">

  45.       <span class="sr-only">Loading...</span>

  46.     </div>

  47.   </div>

  48.   <!-- Spinner End -->

  49. 

  50.   <header class="header" id="header"></header>

  51.   <!-- Header Start -->

  52.   <!-- <div class="container-fluid bg-breadcrumb">

  53.     <div class="container text-center py-5" style="max-width: 900px;">

  54.         <h4 class="text-white display-4 mb-4 wow fadeInDown" data-wow-delay="0.1s">Our Features</h4>

  55.         <ol class="breadcrumb d-flex justify-content-center mb-0 wow fadeInDown" data-wow-delay="0.3s">

  56.             <li class="breadcrumb-item"><a href="index.html">Home</a></li>

  57.             <li class="breadcrumb-item"><a href="#">Pages</a></li>

  58.             <li class="breadcrumb-item active text-primary">Feature</li>

  59.         </ol>    

  60.     </div>

  61. </div> -->

  62.   <!-- Header End -->

  63.   <!-- Feature Start -->

  64.   <div class="container-fluid feature bg-light py-5 mt-5">

  65.     <div class="container mt-5">

  66.       <div class="text-center mx-auto pb-5 wow fadeInUp" data-wow-delay="0.2s" style="max-width: 800px">

  67.         <!-- <h4 class="text-primary">Our Features</h4> -->

  68.         <h1 class="display-4 mb-4">Software Development</h1>

  69.         <p class="mb-0">

  70.           Flo series offers specially designed plans for Small & Medium Businesses. You can choose from our handpicked

  71.           workflows as per your need offering you the most affordable pricing plans at the cost of a cloud

  72.           infrastructure.

  73.         </p>

  74.       </div>

  75.     </div>

  76.   </div>

  77.   <!-- Feature End -->

  78. 

  79.   <!-- Software develppment Start -->

  80.   <div class="container-fluid faq-section bg-light">

  81.     <div class="container py-5">

  82.       <div class="row g-5 align-items-center">

  83.         <div class="col-xl-6 wow fadeInLeft" data-wow-delay="0.2s">

  84.           <div class="h-100">

  85.             <div class="mb-5">

  86.               <h1 class="display-4 mb-0">For Manufacturing</h1>

  87.               <h5 class="text-primary">For Manufacturers lean inventory, best in class product support and planned

  88.                 execution of projects will be the key differentiator.</h5>

  89.             </div>

  90.             <p class="text-dark"><i class="fa fa-check text-primary me-3"></i>Handle sales more effectively, focusing

  91.               more on Innovation.</p>

  92.             <p class="text-dark"><i class="fa fa-check text-primary me-3"></i>Reduces operational risks by bringing in

  93.               best practices with Automation.</p>

  94.             <p class="text-dark"><i class="fa fa-check text-primary me-3"></i>Increase profitability margin by optimum

  95.               utilization of your resources.</p>

  96.           </div>

  97.         </div>

  98.         <div class="col-xl-6 wow fadeInRight" data-wow-delay="0.4s">

  99.           <img src="img/sd/manufacturing.png" class="img-fluid w-100" alt="" />

  100.         </div>

  101.       </div>

  102.     </div>

  103.   </div>

  104.   <!-- Software develppment End -->

  105. 

  106.   <!-- Video analytics Start -->

  107.   <div class="container-fluid faq-section bg-light py-5">

  108.     <div class="container py-5">

  109.       <div class="row g-5 align-items-center">

  110.         <div class="col-xl-6 wow fadeInRight" data-wow-delay="0.4s">

  111.           <img src="img/sd/distribution.png" class="img-fluid w-100" alt="" />

  112.         </div>

  113.         <div class="col-xl-6 wow fadeInLeft" data-wow-delay="0.2s">

  114.           <div class="h-100">

  115.             <div class="mb-5">

  116.               <h1 class="display-4 mb-0">For Distribution</h1>

  117.               <h5 class="text-primary">Distribution Business is now more connected, and process driven with Automation,

  118.                 bringing Enterprise class technology to create efficient and profitable businesses. </h5>

  119.             </div>

  120.             <div>

  121.               <!-- <p>

  122.                 orem ipsum dolor sit amet, consectetur adipiscing elit. Sed

  123.                 tellus erat, pulvinar et sollicitudin vehicula, posuere sed

  124.                 leo. Donec at ligula accumsan, consectetur dolor in,

  125.               </p> -->

  126.               <p class="text-dark">

  127.                 <i class="fa fa-check text-primary me-3"></i>Mitigate risks of inventory overstay, reduces cash

  128.                 mishandling and increased credit spread in the market.

  129.               </p>

  130.               <p class="text-dark">

  131.                 <i class="fa fa-check text-primary me-3"></i>Accelerated cash flows with automation of cash collection

  132.                 from regular customers.

  133.               </p>

  134.               <p class="text-dark">

  135.                 <i class="fa fa-check text-primary me-3"></i>Customer logins are enabled with Integrated Offer

  136.                 Management during Ordering, which helps in maximizing profits by Offer Utilization.

  137.               </p>

  138.               <!-- <p class="text-dark mb-4">

  139.                 <i class="fa fa-check text-primary me-3"></i>Proven Track

  140.                 Record of Succes

  141.               </p> -->

  142. 

  143.               <!-- <a class="btn btn-primary rounded-pill py-3 px-5" href="#">More Information</a> -->

  144.             </div>

  145.           </div>

  146.         </div>

  147.       </div>

  148.     </div>

  149.   </div>

  150.   <!-- Video analytics End -->

  151. 

  152.   <!-- Software develppment Start -->

  153.   <div class="container-fluid faq-section bg-light">

  154.     <div class="container py-5">

  155.       <div class="row g-5 align-items-center">

  156.         <div class="col-xl-6 wow fadeInLeft" data-wow-delay="0.2s">

  157.           <div class="h-100">

  158.             <div class="mb-5">

  159.               <h1 class="display-4 mb-0">For Retailing</h1>

  160.               <h5 class="text-primary">empowers retailers including multiple brand and multi branch outlets to

  161.                 effortlessly deal and on-board products from various OEMs using the powerful LOB feature.</h5>

  162.             </div>

  163.             <p class="text-dark"><i class="fa fa-check text-primary me-3"></i>POS that is lightning fast and mobile supported. Regular customers can order directly from the app.</p>

  164.             <p class="text-dark"><i class="fa fa-check text-primary me-3"></i>Minimizes the loss of Stock with Inventory Optimization and pre plan your inventory with Aging Alerts. </p>

  165.             <p class="text-dark"><i class="fa fa-check text-primary me-3"></i>Run loyalty programs to retain your customers.</p>

  166.           </div>

  167.         </div>

  168.         <div class="col-xl-6 wow fadeInRight" data-wow-delay="0.4s">

  169.           <img src="img/sd/retailing.png" class="img-fluid w-100" alt="" />

  170.         </div>

  171.       </div>

  172.     </div>

  173.   </div>

  174.   <!-- Software develppment End -->

  175. 

  176. 

  177.   <!-- Footer Start -->

  178.   <footer>

  179.     <div class="container-fluid footer py-5 wow fadeIn" data-wow-delay="0.2s">

  180.       <div class="container py-5">

  181.         <div class="row g-5">

  182.           <div class="col-xl-9">

  183.             <!-- <div class="mb-5"> -->

  184.             <!-- <div class="row g-4"> -->

  185.             <!-- <div class="col-md-6 col-lg-6 col-xl-5"> -->

  186.             <!-- <div class="footer-item"> -->

  187.             <!-- <a href="index.html" class="p-0"> -->

  188.             <!-- <h3 class="text-white"> -->

  189.             <!-- <i class="fab fa-slack me-3"></i> LifeSure -->

  190.             <!-- </h3> -->

  191.             <!-- <!-- <img src="img/logo.png" alt="Logo"> -->

  192.             <!-- </a> -->

  193.             <!-- <p class="text-white mb-4"> -->

  194.             <!-- Dolor amet sit justo amet elitr clita ipsum elitr -->

  195.             <!-- est.Lorem ipsum dolor sit amet, consectetur adipiscing... -->

  196.             <!-- </p> -->

  197.             <!-- <div class="footer-btn d-flex"> -->

  198.             <!-- <a class="btn btn-md-square rounded-circle me-3" href="#" -->

  199.             <!-- ><i class="fab fa-facebook-f"></i -->

  200.             <!-- ></a> -->

  201.             <!-- <a class="btn btn-md-square rounded-circle me-3" href="#" -->

  202.             <!-- ><i class="fab fa-twitter"></i -->

  203.             <!-- ></a> -->

  204.             <!-- <a class="btn btn-md-square rounded-circle me-3" href="#" -->

  205.             <!-- ><i class="fab fa-instagram"></i -->

  206.             <!-- ></a> -->

  207.             <!-- <a class="btn btn-md-square rounded-circle me-0" href="#" -->

  208.             <!-- ><i class="fab fa-linkedin-in"></i -->

  209.             <!-- ></a> -->

  210.             <!-- </div> -->

  211.             <!-- </div> -->

  212.             <!-- </div> -->

  213.             <!-- <div class="col-md-6 col-lg-6 col-xl-3"> -->

  214.             <!-- <div class="footer-item"> -->

  215.             <!-- <h4 class="text-white mb-4">Useful Links</h4> -->

  216.             <!-- <a href="#" -->

  217.             <!-- ><i class="fas fa-angle-right me-2"></i> About Us</a -->

  218.             <!-- > -->

  219.             <!-- <a href="#" -->

  220.             <!-- ><i class="fas fa-angle-right me-2"></i> Features</a -->

  221.             <!-- > -->

  222.             <!-- <a href="#" -->

  223.             <!-- ><i class="fas fa-angle-right me-2"></i> Services</a -->

  224.             <!-- > -->

  225.             <!-- <a href="#" -->

  226.             <!-- ><i class="fas fa-angle-right me-2"></i> FAQ's</a -->

  227.             <!-- > -->

  228.             <!-- <a href="#" -->

  229.             <!-- ><i class="fas fa-angle-right me-2"></i> Blogs</a -->

  230.             <!-- > -->

  231.             <!-- <a href="#" -->

  232.             <!-- ><i class="fas fa-angle-right me-2"></i> Contact</a -->

  233.             <!-- > -->

  234.             <!-- </div> -->

  235.             <!-- </div> -->

  236.             <!-- <div class="col-md-6 col-lg-6 col-xl-4"> -->

  237.             <!-- <div class="footer-item"> -->

  238.             <!-- <h4 class="mb-4 text-white">Instagram</h4> -->

  239.             <!-- <div class="row g-3"> -->

  240.             <!-- <div class="col-4"> -->

  241.             <!-- <div class="footer-instagram rounded"> -->

  242.             <!-- <img -->

  243.             <!-- src="img/instagram-footer-1.jpg" -->

  244.             <!-- class="img-fluid w-100" -->

  245.             <!-- alt="" /> -->

  246.             <!-- <div class="footer-search-icon"> -->

  247.             <!-- <a -->

  248.             <!-- href="img/instagram-footer-1.jpg" -->

  249.             <!-- data-lightbox="footerInstagram-1" -->

  250.             <!-- class="my-auto" -->

  251.             <!-- ><i class="fas fa-link text-white"></i -->

  252.             <!-- ></a> -->

  253.             <!-- </div> -->

  254.             <!-- </div> -->

  255.             <!-- </div> -->

  256.             <!-- <div class="col-4"> -->

  257.             <!-- <div class="footer-instagram rounded"> -->

  258.             <!-- <img -->

  259.             <!-- src="img/instagram-footer-2.jpg" -->

  260.             <!-- class="img-fluid w-100" -->

  261.             <!-- alt="" /> -->

  262.             <!-- <div class="footer-search-icon"> -->

  263.             <!-- <a -->

  264.             <!-- href="img/instagram-footer-2.jpg" -->

  265.             <!-- data-lightbox="footerInstagram-2" -->

  266.             <!-- class="my-auto" -->

  267.             <!-- ><i class="fas fa-link text-white"></i -->

  268.             <!-- ></a> -->

  269.             <!-- </div> -->

  270.             <!-- </div> -->

  271.             <!-- </div> -->

  272.             <!-- <div class="col-4"> -->

  273.             <!-- <div class="footer-instagram rounded"> -->

  274.             <!-- <img -->

  275.             <!-- src="img/instagram-footer-3.jpg" -->

  276.             <!-- class="img-fluid w-100" -->

  277.             <!-- alt="" /> -->

  278.             <!-- <div class="footer-search-icon"> -->

  279.             <!-- <a -->

  280.             <!-- href="img/instagram-footer-3.jpg" -->

  281.             <!-- data-lightbox="footerInstagram-3" -->

  282.             <!-- class="my-auto" -->

  283.             <!-- ><i class="fas fa-link text-white"></i -->

  284.             <!-- ></a> -->

  285.             <!-- </div> -->

  286.             <!-- </div> -->

  287.             <!-- </div> -->

  288.             <!-- <div class="col-4"> -->

  289.             <!-- <div class="footer-instagram rounded"> -->

  290.             <!-- <img -->

  291.             <!-- src="img/instagram-footer-4.jpg" -->

  292.             <!-- class="img-fluid w-100" -->

  293.             <!-- alt="" /> -->

  294.             <!-- <div class="footer-search-icon"> -->

  295.             <!-- <a -->

  296.             <!-- href="img/instagram-footer-4.jpg" -->

  297.             <!-- data-lightbox="footerInstagram-4" -->

  298.             <!-- class="my-auto" -->

  299.             <!-- ><i class="fas fa-link text-white"></i -->

  300.             <!-- ></a> -->

  301.             <!-- </div> -->

  302.             <!-- </div> -->

  303.             <!-- </div> -->

  304.             <!-- <div class="col-4"> -->

  305.             <!-- <div class="footer-instagram rounded"> -->

  306.             <!-- <img -->

  307.             <!-- src="img/instagram-footer-5.jpg" -->

  308.             <!-- class="img-fluid w-100" -->

  309.             <!-- alt="" /> -->

  310.             <!-- <div class="footer-search-icon"> -->

  311.             <!-- <a -->

  312.             <!-- href="img/instagram-footer-5.jpg" -->

  313.             <!-- data-lightbox="footerInstagram-5" -->

  314.             <!-- class="my-auto" -->

  315.             <!-- ><i class="fas fa-link text-white"></i -->

  316.             <!-- ></a> -->

  317.             <!-- </div> -->

  318.             <!-- </div> -->

  319.             <!-- </div> -->

  320.             <!-- <div class="col-4"> -->

  321.             <!-- <div class="footer-instagram rounded"> -->

  322.             <!-- <img -->

  323.             <!-- src="img/instagram-footer-6.jpg" -->

  324.             <!-- class="img-fluid w-100" -->

  325.             <!-- alt="" /> -->

  326.             <!-- <div class="footer-search-icon"> -->

  327.             <!-- <a -->

  328.             <!-- href="img/instagram-footer-6.jpg" -->

  329.             <!-- data-lightbox="footerInstagram-6" -->

  330.             <!-- class="my-auto" -->

  331.             <!-- ><i class="fas fa-link text-white"></i -->

  332.             <!-- ></a> -->

  333.             <!-- </div> -->

  334.             <!-- </div> -->

  335.             <!-- </div> -->

  336.             <!-- </div> -->

  337.             <!-- </div> -->

  338.             <!-- </div> -->

  339.             <!-- </div> -->

  340.             <!-- </div> -->

  341.             <div class="pt-5" style="border-top: 1px solid rgba(255, 255, 255, 0.08)">

  342.               <div class="row g-0">

  343.                 <div class="col-12">

  344.                   <div class="row g-4">

  345.                     <div class="col-lg-6 col-xl-4">

  346.                       <div class="d-flex">

  347.                         <div class="btn-xl-square bg-primary text-white rounded p-4 me-4">

  348.                           <i class="fas fa-map-marker-alt fa-2x"></i>

  349.                         </div>

  350.                         <div>

  351.                           <h4 class="text-white">Address</h4>

  352.                           <p class="mb-0">

  353.                             #501,#508-510, Shangrila Plaza , <br />Road No. 2,

  354.                             Park View Enclave, <br />Banjara Hills , Hyderabad,

  355.                             <br />Telangana-500034

  356.                           </p>

  357.                         </div>

  358.                       </div>

  359.                     </div>

  360.                     <div class="col-lg-6 col-xl-4">

  361.                       <div class="d-flex">

  362.                         <div class="btn-xl-square bg-primary text-white rounded p-4 me-4">

  363.                           <i class="fas fa-envelope fa-2x"></i>

  364.                         </div>

  365.                         <div>

  366.                           <h4 class="text-white">Mail Us</h4>

  367.                           <p class="mb-0">info@brihaspathi.com</p>

  368.                         </div>

  369.                       </div>

  370.                     </div>

  371.                     <div class="col-lg-6 col-xl-4">

  372.                       <div class="d-flex">

  373.                         <div class="btn-xl-square bg-primary text-white rounded p-4 me-4">

  374.                           <i class="fa fa-phone-alt fa-2x"></i>

  375.                         </div>

  376.                         <div>

  377.                           <h4 class="text-white">Telephone</h4>

  378.                           <p class="mb-0">+91 9885888835</p>

  379.                           <p class="mb-0">+91 9581234499</p>

  380.                         </div>

  381.                       </div>

  382.                     </div>

  383.                   </div>

  384.                 </div>

  385.               </div>

  386.             </div>

  387.           </div>

  388. 

  389.           <div class="col-xl-3">

  390.             <div class="footer-item">

  391.               <h4 class="text-white mb-4">Follow Us</h4>

  392.               <a href="">

  393.                 <i class="fab fa-facebook facebook"> Facebook</i>

  394.               </a>

  395.               <a href="">

  396.                 <i class="fab fa-twitter twitter"> Twitter</i>

  397.               </a>

  398.               <a href="">

  399.                 <i class="fab fa-instagram instagram"> Instagram</i>

  400.               </a>

  401.               <a href="">

  402.                 <i class="fab fa-linkedin linkedin"> Linkedin</i>

  403.               </a>

  404.               <a href="">

  405.                 <i class="fab fa-youtube youtube"> Youtube</i>

  406.               </a>

  407.               <a href="">

  408.                 <i class="fab fa-pinterest pinterest"> Pinterest</i>

  409.               </a>

  410.             </div>

  411.           </div>

  412.         </div>

  413.       </div>

  414.     </div>

  415.     <!-- Footer End -->

  416. 

  417.     <!-- Copyright Start -->

  418.     <div class="container-fluid copyright py-4">

  419.       <div class="container">

  420.         <div class="row g-4 align-items-center">

  421.           <div class="col-md-6 text-center text-md-end mb-md-0">

  422.             <span class="text-body">

  423.               2024 © Copy Rights

  424.               <a href="https://brihaspathi.com/" class="border-bottom text-white">

  425.                 Brihaspathi

  426.               </a>

  427.             </span>

  428.           </div>

  429.           <!-- <div class="col-md-6 text-center text-md-start text-body"> -->

  430.           <!-- <!--/*** This template is free as long as you keep the below author’s credit link/attribution link/backlink. ***/-->

  431.           <!-- <!--/*** If you'd like to use the template without the below author’s credit link/attribution link/backlink, ***/-->

  432.           <!-- <!--/*** you can purchase the Credit Removal License from "https://htmlcodex.com/credit-removal". ***/-->

  433.           <!-- Designed By -->

  434.           <!-- <a class="border-bottom text-white" href="https://htmlcodex.com" -->

  435.           <!-- >HTML Codex</a -->

  436.           <!-- > -->

  437.           <!-- Distributed By -->

  438.           <!-- <a class="border-bottom text-white" href="https://themewagon.com" -->

  439.           <!-- >ThemeWagon</a -->

  440.           <!-- > -->

  441.           <!-- </div> -->

  442.         </div>

  443.       </div>

  444.     </div>

  445.     <!-- Copyright End -->

  446.   </footer>

  447. 

  448.   <!-- Back to Top -->

  449.   <a href="#" class="btn btn-primary btn-lg-square rounded-circle back-to-top"><i class="fa fa-arrow-up"></i></a>

  450. 

  451.   <!-- JavaScript Libraries -->

  452.   <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.4/jquery.min.js"></script>

  453.   <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0/dist/js/bootstrap.bundle.min.js"></script>

  454.   <script src="lib/wow/wow.min.js"></script>

  455.   <script src="lib/easing/easing.min.js"></script>

  456.   <script src="lib/waypoints/waypoints.min.js"></script>

  457.   <script src="lib/counterup/counterup.min.js"></script>

  458.   <script src="lib/lightbox/js/lightbox.min.js"></script>

  459.   <script src="lib/owlcarousel/owl.carousel.min.js"></script>

  460. 

  461.   <!-- Template Javascript -->

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

  463.   <script src="js/footer.js"></script>

  464.   <script src="js/navbar.js"></script>

  465. </body>

  466. 

  467. </html>