<commit_before><!DOCTYPE html>
<html lang="en">

<head>

    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">
    <meta name="author" content="">

    <title><NAME></title>

    <!-- Bootstrap Core CSS -->
    <link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">

    <!-- Theme CSS -->
    <link href="less/styles.css" rel="stylesheet">

    <!-- Custom Fonts -->
    <link href="vendor/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
    <link href="https://fonts.googleapis.com/css?family=Rubik:300,400,500,700" rel="stylesheet" type="text/css">


    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
        <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
        <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->

</head>

<body id="page-top" class="index">

    <!-- Navigation -->
    <nav id="mainNav" class="navbar navbar-default navbar-fixed-top navbar-custom">
        <div class="container">
            <!-- Brand and toggle get grouped for better mobile display -->
            <div class="navbar-header page-scroll">
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
                    <span class="sr-only">Toggle navigation</span><i class="fa fa-bars"></i>
                </button>
                <a class="navbar-brand" href="#page-top">Yukta Sagar</a>
            </div>

            <!-- Collect the nav links, forms, and other content for toggling -->
            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                <ul class="nav navbar-nav navbar-right">
                    <li class="hidden">
                        <a href="#page-top"></a>
                    </li>
                    <li class="page-scroll">
                        <a href="#portfolio">Work</a>
                    </li>
                    <li class="page-scroll">
                        <a href="#about">About</a>
                    </li>
                    <li class="page-scroll">
                        <a href="#contact">Contact</a>
                    </li>
                </ul>
            </div>
            <!-- /.navbar-collapse -->
        </div>
        <!-- /.container-fluid -->
    </nav>

    <!-- Header -->

    <!-- Portfolio Grid Section -->
    <section id="portfolio">
        <div class="container">
            <div class="row">
                <div class="col-lg-12 text-center">
                    <h2>Work</h2>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-4 portfolio-item">
                    <a href="#portfolioModal1" class="portfolio-link" data-toggle="modal">
                        <div class="caption">
                            <div class="caption-content">

                            </div>
                        </div>
                        <img src="img/ems-speech-BW.jpg" class="img-responsive img-not-responsive" alt="" onmouseover="rollover1(this)" onmouseleave="mouseaway1(this)" >
                        <img src="img/ems-speech-color.jpg" class="img-responsive img-responsive-color" alt="" onmouseover="rollover1(this)" onmouseleave="mouseaway1(this)" >

                    </a>
                    <h4>EMS Speech App</h4>
                    <p>Voice recognition app for Paramedics and EMTS</p>
                </div>
                <div class="col-sm-4 portfolio-item">
                    <a href="#portfolioModal2" class="portfolio-link" data-toggle="modal">
                        <div class="caption">
                            <div class="caption-content">

                            </div>
                        </div>
                        <img src="img/dream-BW.jpg" class="img-responsive img-not-responsive" alt="" onmouseover="rollover2(this)" onmouseleave="mouseaway2(this)">
                        <img src="img/dream-color.jpg" class="img-responsive img-responsive-color" alt="" onmouseover="rollover2(this)" onmouseleave="mouseaway2(this)">

                    </a>
                    <h4>DreamOn App Redesign</h4>
                    <p>App redesign project for mobile design class.</p>
                </div>
                <div class="col-sm-4 portfolio-item">
                    <a href="#portfolioModal3" class="portfolio-link" data-toggle="modal">
                        <div class="caption">
                            <div class="caption-content">

                            </div>
                        </div>
                        <img src="img/craigslist-BW.jpg" class="img-responsive img-not-responsive" alt="craigslist" onmouseover="rollover3(this)" onmouseleave="mouseaway3(this)">
                        <img src="img/craigslist-color.jpg" class="img-responsive img-responsive-color" alt="craigslist" >
                    </a>
                    <h4>Craigslist Website Redesign</h4>
                    <p>Redesign of website for accessibility for patients with Diabetic Retinopathy</p>
                </div>
                <div class="col-sm-4 portfolio-item">
                    <a href="#portfolioModal4" class="portfolio-link" data-toggle="modal">
                        <div class="caption">
                            <div class="caption-content">

                            </div>
                        </div>
                        <img src="img/Transfer-BW.jpg" class="img-responsive img-not-responsive" alt="" onmouseover="rollover4(this)" onmouseleave="mouseaway4(this)">
                        <img src="img/transfer-color.jpg" class="img-responsive img-responsive-color" alt="" onmouseover="rollover4(this)" onmouseleave="mouseaway4(this)">

                    </a>
                    <h4>Transfer of Care App</h4>
                    <p>App for medics to use on scene to record information</p>
                </div>
                <div class="col-sm-4 portfolio-item">
                    <a href="#portfolioModal5" class="portfolio-link" data-toggle="modal">
                        <div class="caption">
                            <div class="caption-content">
                            </div>
                        </div>
                        <img src="img/federal-BW.jpg" class="img-responsive img-not-responsive" alt="" onmouseover="rollover5(this)" onmouseleave="mouseaway5(this)">
                        <img src="img/federal-color.jpg" class="img-responsive img-responsive-color" alt="" onmouseover="rollover5(this)" onmouseleave="mouseaway5(this)">

                    </a>
                    <h4>Federal Donuts Website Redesign</h4>
                    <p>Redesign project for commone restaurant in Philadelphia.</p>
                </div>
                <div class="col-sm-4 portfolio-item">
                    <a href="#portfolioModal6" class="portfolio-link" data-toggle="modal">
                        <div class="caption">
                            <div class="caption-content">
                            </div>
                        </div>
                        <img src="img/global-BW.jpg" class="img-responsive img-not-responsive" alt="" onmouseover="rollover6(this)" onmouseleave="mouseaway6(this)">
                        <img src="img/global-color.jpg" class="img-responsive img-responsive-color" alt="" onmouseover="rollover6(this)" onmouseleave="mouseaway6(this)">
                    </a>
                    <h4>Global Warming Floor Game</h4>
                    <p>Interactive Narrative floor game for children.</p>
                </div>
            </div>
        </div>
    </section>

    <!-- About Section -->
    <section class="success" id="about">
        <div class="container">
            <div class="row">
                <div class="col-lg-12 text-center">
                    <h2>About</h2>
                </div>
            </div>
            <div class="row">
              <div class="col-lg-2 text-center">
              </div>
                <div class="col-lg-8">
                    <img src="img/profile.jpg">
                    <p>Yukta ("Yuki") Sagar is a recent graduate of Philadelphia University where she completed her Masters in User Experience and Interaction Design.
                      During her time there she had the opportunity of interning at BizTek People Inc., a recruiting firm in Portland, OR.
                      She found her calling for art and design during her undergraduate studies at Mansfield University of Pennsylvania, after she decided to switch majors
                      from Environmental Science to Graphic Design. Some of her favorite things include road trips, the beach, and rowing.</p>

                </div>
                <div class="col-lg-4 text-center">

                </div>

                </div>
            </div>
        </div>
    </section>


    <!-- Footer -->
    <footer class="text-center">
        <div class="footer-above" id="contact">
            <div class="container">
              <div class="row">
                  <div class="col-lg-12 text-center">
                      <h2>Contact Me!</h2>
                  </div>
              </div>
              <div class="row">
                  <div class="col-lg-8 col-lg-offset-2">
                    <h5><EMAIL><br /> 570-404-7791</h5>
                  </div>
              </div>
                <div class="row">
                    <div class="footer-col col-md-4">
                    </div>
                    <div class="footer-col col-md-4">
                        <ul class="list-inline">
                            </li>
                            <li>
                                <a href="#" class="btn-social btn-outline"><i class="fa fa-fw fa-linkedin"></i><span>LinkedIn</span></a>
                            </li>
                            <li>
                                <a href="#" class="btn-social btn-outline"><i class="fa fa-fw fa-behance"></i><span>Behance</span></a>
                            </li>
                            <li>
                                <a href="#" class="btn-social btn-outline"><i class="fa fa-fw fa-file-text-o"></i><span>Resume</span></a>
                            </li>

                        </ul>
                    </div>
                    <div class="footer-col col-md-4">
                    </div>
                </div>
            </div>
        </div>
        <div class="footer-below">
            <div class="container">
                <div class="row">
                  <div class="col-lg-12">
                      Copyright &copy; <NAME> 2017.
                  </div>
                </div>
            </div>
        </div>
    </footer>

    <!-- Scroll to Top Button (Only visible on small and extra-small screen sizes) -->
    <div class="scroll-top page-scroll hidden-sm hidden-xs hidden-lg hidden-md">
        <a class="btn btn-primary" href="#page-top">
            <i class="fa fa-chevron-up"></i>
        </a>
    </div>

    <!-- Portfolio Modal 1 -->
    <div class="portfolio-modal modal fade" id="portfolioModal1" tabindex="-1" role="dialog" aria-hidden="true">
        <div class="modal-content">
            <div class="close-modal" data-dismiss="modal">
                <div class="lr">
                    <div class="rl">
                    </div>
                </div>
            </div>
            <div class="container">
                <div class="row">
                    <div class="col-lg-16 col-lg-offset-0">
                        <div class="modal-body">
                          <img src="img/EMS-Speech1.png" class="img-responsive img-centered" alt="">
                          <h1>Watch how it works</h1>
                            <video width="65%" controls id="video">
                              <source src="img/EMS_Speech_video_final.mp4" type="video/mp4" autostart="false">
                            </video>
                            <img src="img/EMS-Speech2.png" class="img-responsive img-centered" alt="">
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- Portfolio Modal 2 -->
    <div class="portfolio-modal modal fade" id="portfolioModal2" tabindex="-1" role="dialog" aria-hidden="true">
        <div class="modal-content">
            <div class="close-modal" data-dismiss="modal">
                <div class="lr">
                    <div class="rl">
                    </div>
                </div>
            </div>
            <div class="container">
                <div class="row">
                    <div class="col-lg-16 col-lg-offset-0">
                      <div class="modal-body">
                        <img src="img/Dream_on_app.jpg" class="img-responsive img-centered" alt="">
                      </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- Portfolio Modal 3 -->
    <div class="portfolio-modal modal fade" id="portfolioModal3" tabindex="-1" role="dialog" aria-hidden="true">
        <div class="modal-content">
            <div class="close-modal" data-dismiss="modal">
                <div class="lr">
                    <div class="rl">
                    </div>
                </div>
            </div>
            <div class="container">
                <div class="row">
                    <div class="col-lg-16 col-lg-offset-0">
                        <div class="modal-body">
                          <img src="img/craigslist.jpg" class="img-responsive img-centered" alt="">
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- Portfolio Modal 4 -->
    <div class="portfolio-modal modal fade" id="portfolioModal4" tabindex="-1" role="dialog" aria-hidden="true">
        <div class="modal-content">
            <div class="close-modal" data-dismiss="modal">
                <div class="lr">
                    <div class="rl">
                    </div>
                </div>
            </div>
            <div class="container">
                <div class="row">
                    <div class="col-lg-16 col-lg-offset-0">
                        <div class="modal-body">
                          <img src="img/EMS-Transfer_of_care.jpg" class="img-responsive img-centered" alt="">
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

<!-- Portfolio Modal 5 -->
    <div class="portfolio-modal modal fade" id="portfolioModal5" tabindex="-1" role="dialog" aria-hidden="true">
        <div class="modal-content">
            <div class="close-modal" data-dismiss="modal">
                <div class="lr">
                    <div class="rl">
                    </div>
                </div>
            </div>
            <div class="container">
                <div class="row">
                    <div class="col-lg-16 col-lg-offset-0">
                        <div class="modal-body">
                          <img src="img/federal-donuts.jpg" class="img-responsive img-centered" alt="">
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="portfolio-modal modal fade" id="portfolioModal6" tabindex="-1" role="dialog" aria-hidden="true">
        <div class="modal-content">
            <div class="close-modal" data-dismiss="modal">
                <div class="lr">
                    <div class="rl">
                    </div>
                </div>
            </div>
            <div class="container">
                <div class="row">
                    <div class="col-lg-16 col-lg-offset-0">
                        <div class="modal-body">
                          <img src="img/Narrative.jpg" class="img-responsive img-centered" alt="">
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- jQuery -->
    <script src="vendor/jquery/jquery.min.js"></script>

    <!-- Bootstrap Core JavaScript -->
    <script src="vendor/bootstrap/js/bootstrap.min.js"></script>

    <!-- Plugin JavaScript -->
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js"></script>

    <!-- Contact Form JavaScript -->
    <script src="js/jqBootstrapValidation.js"></script>
    <script src="js/contact_me.js"></script>

    <!-- Theme JavaScript -->
    <script src="js/freelancer.min.js"></script>
    <script src="js/freelancer.js"></script>

</body>

</html>
<commit_msg>alt text<commit_after><!DOCTYPE html>
<html lang="en">

<head>

    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">
    <meta name="author" content="">

    <title>Yukta Sagar</title>

    <!-- Bootstrap Core CSS -->
    <link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">

    <!-- Theme CSS -->
    <link href="less/styles.css" rel="stylesheet">

    <!-- Custom Fonts -->
    <link href="vendor/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
    <link href="https://fonts.googleapis.com/css?family=Rubik:300,400,500,700" rel="stylesheet" type="text/css">


    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
        <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
        <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->

</head>

<body id="page-top" class="index">

    <!-- Navigation -->
    <nav id="mainNav" class="navbar navbar-default navbar-fixed-top navbar-custom">
        <div class="container">
            <!-- Brand and toggle get grouped for better mobile display -->
            <div class="navbar-header page-scroll">
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
                    <span class="sr-only">Toggle navigation</span><i class="fa fa-bars"></i>
                </button>
                <a class="navbar-brand" href="#page-top">Yukta Sagar</a>
            </div>

            <!-- Collect the nav links, forms, and other content for toggling -->
            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                <ul class="nav navbar-nav navbar-right">
                    <li class="hidden">
                        <a href="#page-top"></a>
                    </li>
                    <li class="page-scroll">
                        <a href="#portfolio">Work</a>
                    </li>
                    <li class="page-scroll">
                        <a href="#about">About</a>
                    </li>
                    <li class="page-scroll">
                        <a href="#contact">Contact</a>
                    </li>
                </ul>
            </div>
            <!-- /.navbar-collapse -->
        </div>
        <!-- /.container-fluid -->
    </nav>

    <!-- Header -->

    <!-- Portfolio Grid Section -->
    <section id="portfolio">
        <div class="container">
            <div class="row">
                <div class="col-lg-12 text-center">
                    <h2>Work</h2>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-4 portfolio-item">
                    <a href="#portfolioModal1" class="portfolio-link" data-toggle="modal">
                        <div class="caption">
                            <div class="caption-content">

                            </div>
                        </div>
                        <img src="img/ems-speech-BW.jpg" class="img-responsive img-not-responsive" alt="" onmouseover="rollover1(this)" onmouseleave="mouseaway1(this)" >
                        <img src="img/ems-speech-color.jpg" class="img-responsive img-responsive-color" alt="" onmouseover="rollover1(this)" onmouseleave="mouseaway1(this)" >

                    </a>
                    <h4>EMS Speech App</h4>
                    <p>Voice recognition app for Paramedics and EMTS</p>
                </div>
                <div class="col-sm-4 portfolio-item">
                    <a href="#portfolioModal2" class="portfolio-link" data-toggle="modal">
                        <div class="caption">
                            <div class="caption-content">

                            </div>
                        </div>
                        <img src="img/dream-BW.jpg" class="img-responsive img-not-responsive" alt="" onmouseover="rollover2(this)" onmouseleave="mouseaway2(this)">
                        <img src="img/dream-color.jpg" class="img-responsive img-responsive-color" alt="" onmouseover="rollover2(this)" onmouseleave="mouseaway2(this)">

                    </a>
                    <h4>DreamOn App Redesign</h4>
                    <p>App redesign project for mobile design class.</p>
                </div>
                <div class="col-sm-4 portfolio-item">
                    <a href="#portfolioModal3" class="portfolio-link" data-toggle="modal">
                        <div class="caption">
                            <div class="caption-content">

                            </div>
                        </div>
                        <img src="img/craigslist-BW.jpg" class="img-responsive img-not-responsive" alt="craigslist" onmouseover="rollover3(this)" onmouseleave="mouseaway3(this)">
                        <img src="img/craigslist-color.jpg" class="img-responsive img-responsive-color" alt="craigslist" >
                    </a>
                    <h4>Craigslist Website Redesign</h4>
                    <p>Redesign of website for accessibility for patients with Diabetic Retinopathy</p>
                </div>
                <div class="col-sm-4 portfolio-item">
                    <a href="#portfolioModal4" class="portfolio-link" data-toggle="modal">
                        <div class="caption">
                            <div class="caption-content">

                            </div>
                        </div>
                        <img src="img/Transfer-BW.jpg" class="img-responsive img-not-responsive" alt="transfer" onmouseover="rollover4(this)" onmouseleave="mouseaway4(this)">
                        <img src="img/transfer-color.jpg" class="img-responsive img-responsive-color" alt="transfer" onmouseover="rollover4(this)" onmouseleave="mouseaway4(this)">

                    </a>
                    <h4>Transfer of Care App</h4>
                    <p>App for medics to use on scene to record information</p>
                </div>
                <div class="col-sm-4 portfolio-item">
                    <a href="#portfolioModal5" class="portfolio-link" data-toggle="modal">
                        <div class="caption">
                            <div class="caption-content">
                            </div>
                        </div>
                        <img src="img/federal-BW.jpg" class="img-responsive img-not-responsive" alt="federal" onmouseover="rollover5(this)" onmouseleave="mouseaway5(this)">
                        <img src="img/federal-color.jpg" class="img-responsive img-responsive-color" alt="federal" onmouseover="rollover5(this)" onmouseleave="mouseaway5(this)">

                    </a>
                    <h4>Federal Donuts Website Redesign</h4>
                    <p>Redesign project for commone restaurant in Philadelphia.</p>
                </div>
                <div class="col-sm-4 portfolio-item">
                    <a href="#portfolioModal6" class="portfolio-link" data-toggle="modal">
                        <div class="caption">
                            <div class="caption-content">
                            </div>
                        </div>
                        <img src="img/global-BW.jpg" class="img-responsive img-not-responsive" alt="" onmouseover="rollover6(this)" onmouseleave="mouseaway6(this)">
                        <img src="img/global-color.jpg" class="img-responsive img-responsive-color" alt="" onmouseover="rollover6(this)" onmouseleave="mouseaway6(this)">
                    </a>
                    <h4>Global Warming Floor Game</h4>
                    <p>Interactive Narrative floor game for children.</p>
                </div>
            </div>
        </div>
    </section>

    <!-- About Section -->
    <section class="success" id="about">
        <div class="container">
            <div class="row">
                <div class="col-lg-12 text-center">
                    <h2>About</h2>
                </div>
            </div>
            <div class="row">
              <div class="col-lg-2 text-center">
              </div>
                <div class="col-lg-8">
                    <img src="img/profile.jpg">
                    <p>Yukta ("Yuki") Sagar is a recent graduate of Philadelphia University where she completed her Masters in User Experience and Interaction Design.
                      During her time there she had the opportunity of interning at BizTek People Inc., a recruiting firm in Portland, OR.
                      She found her calling for art and design during her undergraduate studies at Mansfield University of Pennsylvania, after she decided to switch majors
                      from Environmental Science to Graphic Design. Some of her favorite things include road trips, the beach, and rowing.</p>

                </div>
                <div class="col-lg-4 text-center">

                </div>

                </div>
            </div>
        </div>
    </section>


    <!-- Footer -->
    <footer class="text-center">
        <div class="footer-above" id="contact">
            <div class="container">
              <div class="row">
                  <div class="col-lg-12 text-center">
                      <h2>Contact Me!</h2>
                  </div>
              </div>
              <div class="row">
                  <div class="col-lg-8 col-lg-offset-2">
                    <h5><EMAIL><br /> 570-404-7791</h5>
                  </div>
              </div>
                <div class="row">
                    <div class="footer-col col-md-4">
                    </div>
                    <div class="footer-col col-md-4">
                        <ul class="list-inline">
                            </li>
                            <li>
                                <a href="#" class="btn-social btn-outline"><i class="fa fa-fw fa-linkedin"></i><span>LinkedIn</span></a>
                            </li>
                            <li>
                                <a href="#" class="btn-social btn-outline"><i class="fa fa-fw fa-behance"></i><span>Behance</span></a>
                            </li>
                            <li>
                                <a href="#" class="btn-social btn-outline"><i class="fa fa-fw fa-file-text-o"></i><span>Resume</span></a>
                            </li>

                        </ul>
                    </div>
                    <div class="footer-col col-md-4">
                    </div>
                </div>
            </div>
        </div>
        <div class="footer-below">
            <div class="container">
                <div class="row">
                  <div class="col-lg-12">
                      Copyright &copy; <NAME> 2017.
                  </div>
                </div>
            </div>
        </div>
    </footer>

    <!-- Scroll to Top Button (Only visible on small and extra-small screen sizes) -->
    <div class="scroll-top page-scroll hidden-sm hidden-xs hidden-lg hidden-md">
        <a class="btn btn-primary" href="#page-top">
            <i class="fa fa-chevron-up"></i>
        </a>
    </div>

    <!-- Portfolio Modal 1 -->
    <div class="portfolio-modal modal fade" id="portfolioModal1" tabindex="-1" role="dialog" aria-hidden="true">
        <div class="modal-content">
            <div class="close-modal" data-dismiss="modal">
                <div class="lr">
                    <div class="rl">
                    </div>
                </div>
            </div>
            <div class="container">
                <div class="row">
                    <div class="col-lg-16 col-lg-offset-0">
                        <div class="modal-body">
                          <img src="img/EMS-Speech1.png" class="img-responsive img-centered" alt="">
                          <h1>Watch how it works</h1>
                            <video width="65%" controls id="video">
                              <source src="img/EMS_Speech_video_final.mp4" type="video/mp4" autostart="false">
                            </video>
                            <img src="img/EMS-Speech2.png" class="img-responsive img-centered" alt="">
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- Portfolio Modal 2 -->
    <div class="portfolio-modal modal fade" id="portfolioModal2" tabindex="-1" role="dialog" aria-hidden="true">
        <div class="modal-content">
            <div class="close-modal" data-dismiss="modal">
                <div class="lr">
                    <div class="rl">
                    </div>
                </div>
            </div>
            <div class="container">
                <div class="row">
                    <div class="col-lg-16 col-lg-offset-0">
                      <div class="modal-body">
                        <img src="img/Dream_on_app.jpg" class="img-responsive img-centered" alt="">
                      </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- Portfolio Modal 3 -->
    <div class="portfolio-modal modal fade" id="portfolioModal3" tabindex="-1" role="dialog" aria-hidden="true">
        <div class="modal-content">
            <div class="close-modal" data-dismiss="modal">
                <div class="lr">
                    <div class="rl">
                    </div>
                </div>
            </div>
            <div class="container">
                <div class="row">
                    <div class="col-lg-16 col-lg-offset-0">
                        <div class="modal-body">
                          <img src="img/craigslist.jpg" class="img-responsive img-centered" alt="">
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- Portfolio Modal 4 -->
    <div class="portfolio-modal modal fade" id="portfolioModal4" tabindex="-1" role="dialog" aria-hidden="true">
        <div class="modal-content">
            <div class="close-modal" data-dismiss="modal">
                <div class="lr">
                    <div class="rl">
                    </div>
                </div>
            </div>
            <div class="container">
                <div class="row">
                    <div class="col-lg-16 col-lg-offset-0">
                        <div class="modal-body">
                          <img src="img/EMS-Transfer_of_care.jpg" class="img-responsive img-centered" alt="">
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

<!-- Portfolio Modal 5 -->
    <div class="portfolio-modal modal fade" id="portfolioModal5" tabindex="-1" role="dialog" aria-hidden="true">
        <div class="modal-content">
            <div class="close-modal" data-dismiss="modal">
                <div class="lr">
                    <div class="rl">
                    </div>
                </div>
            </div>
            <div class="container">
                <div class="row">
                    <div class="col-lg-16 col-lg-offset-0">
                        <div class="modal-body">
                          <img src="img/federal-donuts.jpg" class="img-responsive img-centered" alt="">
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="portfolio-modal modal fade" id="portfolioModal6" tabindex="-1" role="dialog" aria-hidden="true">
        <div class="modal-content">
            <div class="close-modal" data-dismiss="modal">
                <div class="lr">
                    <div class="rl">
                    </div>
                </div>
            </div>
            <div class="container">
                <div class="row">
                    <div class="col-lg-16 col-lg-offset-0">
                        <div class="modal-body">
                          <img src="img/Narrative.jpg" class="img-responsive img-centered" alt="">
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- jQuery -->
    <script src="vendor/jquery/jquery.min.js"></script>

    <!-- Bootstrap Core JavaScript -->
    <script src="vendor/bootstrap/js/bootstrap.min.js"></script>

    <!-- Plugin JavaScript -->
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js"></script>

    <!-- Contact Form JavaScript -->
    <script src="js/jqBootstrapValidation.js"></script>
    <script src="js/contact_me.js"></script>

    <!-- Theme JavaScript -->
    <script src="js/freelancer.min.js"></script>
    <script src="js/freelancer.js"></script>

</body>

</html>

{'fraction_non_alphanumeric': 0.14911971830985915, 'fraction_numerical': 0.009213615023474179, 'mean_word_length': 1.371842160205999, 'pattern_counts': {'":': 0, '<': 814, '<?xml version=': 0, '>': 814, 'https://': 8, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 6, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '41515', 'n_tokens_mistral': 9671, 'n_tokens_neox': 8909, 'n_words': 1912}