<commit_before><!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
    <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
    <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
    <link rel="manifest" href="/site.webmanifest">
    <link rel="mask-icon" href="/safari-pinned-tab.svg" color="#00cab0">
    <meta name="msapplication-TileColor" content="#00cab0">
    <meta name="theme-color" content="#00cab0">
    <link rel="stylesheet" href="css/fonts.min.css">
    <link rel="stylesheet" href="css/style.min.css">
    <title>Fawaz's Portfolio</title>
</head>
<body>
    <!-- Navigation bar -->
    <div class="navbar">
        <div class="container">
            <div class="navbarContainer clearfix">
                <div class="icon clearfix">
                    <img src="icons/icon.png" alt="Website logo">
                </div>
                <ul>
                    <li><a href="#about">about</a></li>
                    <li><a href="#projects">projects</a></li>
                    <li><a href="#skills">skills</a></li>
                    <li><a href="#contact">contact</a></li>
                </ul>
            </div>
        </div>
    </div>

    <!-- About section -->
    <div class="about" id="about">
        <div class="container">
            <div class="aboutContainer">
                <div class="heading">
                    <p><NAME></p>
                </div>

                <div class="subHeading">
                    <p><span>Junior</span> Front End Developer &amp; Designer</p>
                </div>

                <div class="subText">
                    <p>Self taught Developer and Designer, Learning to create Web Applications with Beautiful UI’s and UX.</p>
                </div>
            </div>
        </div>
    </div>

    <!-- Project section -->
    <div class="projects" id="projects">
        <div class="container">
            <div class="projectsContainer clearfix">
                <div class="mainHeadings">Projects</div>
            </div>
        </div>
    </div>

    <!-- Skills section -->
    <div class="skills" id="skills">
        <div class="container">
            <div class="skillsContainer">
                <div class="mainHeadings">skills</div>
                <div class="skillsName">
                    <div class="skillsTitle">html5</div>
                    <div class="loadingBg">
                        <div class="loadingFill"></div>
                    </div>
                </div>
                <div class="skillsName">
                    <div class="skillsTitle">css3</div>
                    <div class="loadingBg">
                        <div class="loadingFill"></div>
                    </div>
                </div>
                <div class="skillsName">
                    <div class="skillsTitle">sketch design</div>
                    <div class="loadingBg">
                        <div class="loadingFill"></div>
                    </div>
                </div>
                <div class="skillsName">
                    <div class="skillsTitle">ui design</div>
                    <div class="loadingBg">
                        <div class="loadingFill ui"></div>
                    </div>
                </div>
                <div class="skillsName">
                    <div class="skillsTitle">ux design</div>
                    <div class="loadingBg">
                        <div class="loadingFill ux"></div>
                    </div>
                </div>
                <div class="skillsName">
                    <div class="skillsTitle">jquery</div>
                    <div class="loadingBg">
                        <div class="loadingFill jq"></div>
                    </div>
                </div>
                <div class="skillsName">
                    <div class="skillsTitle">javascript</div>
                    <div class="loadingBg">
                        <div class="loadingFill js"></div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- Contact section -->
    <div class="contact" id="contact">
        <div class="container">
            <div class="contactContainer">
                <div class="mainHeadings">contact</div>
                <form action="https://formspree.io/<EMAIL>" method="POST" class="form">
                    <label>Name<span>*</span></label>
                    <input type="text" name="Name" required>
                    <label>Email<span>*</span></label>
                    <input type="email" name="Email" required>
                    <label>subject</label>
                    <input type="text" name="Subject">
                    <label>message<span>*</span></label>
                    <textarea class="textArea" name="Message" required></textarea>
                    <input type="hidden" name="_next" value="https://fwzmhmd.github.io" />
                    <input type="text" name="_gotcha" style="display:none" />
                    <button type="submit" class="btn btn-send">send</button>

                    <div class="required"><span>*</span>Required Fields</div>
                </form>
            </div>
        </div>
    </div>

    <!-- Footer -->
    <footer>
        <div class="container">
            <div class="footerContainer">
                <div class="iconsContainer">
                    <div class="links clearfix">
                        <div class="icon">
                            <a href="https://www.linkedin.com/in/fawazmhmd/" target="_blank"><img src="icons/linkedin.png" alt="linkedin"></a>
                        </div>
                        <div class="icon">
                            <a href="https://github.com/fwzmhmd" target="_blank"><img src="icons/github.png" alt=""></a>
                        </div>
                        <div class="icon">
                            <a href="mailto:<EMAIL>"><img src="icons/email.png" alt=""></a>
                        </div>
                    </div>
                </div>
                <div class="credit">Designed &amp; Coded by <NAME></div>
                <div class="copyright">&copy; Copyright 2018 <NAME></div>
            </div>
        </div>
    </footer><commit_msg>Add google captcha<commit_after><!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
    <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
    <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
    <link rel="manifest" href="/site.webmanifest">
    <link rel="mask-icon" href="/safari-pinned-tab.svg" color="#00cab0">
    <meta name="msapplication-TileColor" content="#00cab0">
    <meta name="theme-color" content="#00cab0">
    <link rel="stylesheet" href="css/fonts.min.css">
    <link rel="stylesheet" href="css/style.min.css">
    <title>Fawaz's Portfolio</title>
    <script src='https://www.google.com/recaptcha/api.js'></script>
</head>
<body>
    <!-- Navigation bar -->
    <div class="navbar">
        <div class="container">
            <div class="navbarContainer clearfix">
                <div class="icon clearfix">
                    <img src="icons/icon.png" alt="Website logo">
                </div>
                <ul>
                    <li><a href="#about">about</a></li>
                    <li><a href="#projects">projects</a></li>
                    <li><a href="#skills">skills</a></li>
                    <li><a href="#contact">contact</a></li>
                </ul>
            </div>
        </div>
    </div>

    <!-- About section -->
    <div class="about" id="about">
        <div class="container">
            <div class="aboutContainer">
                <div class="heading">
                    <p><NAME></p>
                </div>

                <div class="subHeading">
                    <p><span>Junior</span> Front End Developer &amp; Designer</p>
                </div>

                <div class="subText">
                    <p>Self taught Developer and Designer, Learning to create Web Applications with Beautiful UI’s and UX.</p>
                </div>
            </div>
        </div>
    </div>

    <!-- Project section -->
    <div class="projects" id="projects">
        <div class="container">
            <div class="projectsContainer clearfix">
                <div class="mainHeadings">Projects</div>
            </div>
        </div>
    </div>

    <!-- Skills section -->
    <div class="skills" id="skills">
        <div class="container">
            <div class="skillsContainer">
                <div class="mainHeadings">skills</div>
                <div class="skillsName">
                    <div class="skillsTitle">html5</div>
                    <div class="loadingBg">
                        <div class="loadingFill"></div>
                    </div>
                </div>
                <div class="skillsName">
                    <div class="skillsTitle">css3</div>
                    <div class="loadingBg">
                        <div class="loadingFill"></div>
                    </div>
                </div>
                <div class="skillsName">
                    <div class="skillsTitle">sketch design</div>
                    <div class="loadingBg">
                        <div class="loadingFill"></div>
                    </div>
                </div>
                <div class="skillsName">
                    <div class="skillsTitle">ui design</div>
                    <div class="loadingBg">
                        <div class="loadingFill ui"></div>
                    </div>
                </div>
                <div class="skillsName">
                    <div class="skillsTitle">ux design</div>
                    <div class="loadingBg">
                        <div class="loadingFill ux"></div>
                    </div>
                </div>
                <div class="skillsName">
                    <div class="skillsTitle">jquery</div>
                    <div class="loadingBg">
                        <div class="loadingFill jq"></div>
                    </div>
                </div>
                <div class="skillsName">
                    <div class="skillsTitle">javascript</div>
                    <div class="loadingBg">
                        <div class="loadingFill js"></div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- Contact section -->
    <div class="contact" id="contact">
        <div class="container">
            <div class="contactContainer">
                <div class="mainHeadings">contact</div>
                <form action="https://formcarry.com/s/BJI33DEdM" method="POST" class="form" accept-charset="UTF-8">
                    <label>Name<span>*</span></label>
                    <input type="text" name="Name" required>
                    <label>Email<span>*</span></label>
                    <input type="email" name="Email" required>
                    <label>subject</label>
                    <input type="text" name="Subject">
                    <label>message<span>*</span></label>
                    <textarea class="textArea" name="Message" required></textarea>
                    <input type="hidden" name="_next" value="https://fwzmhmd.github.io" />
                    <input type="text" name="_gotcha" style="display:none" />
                    <div class="g-recaptcha" data-sitekey="<KEY>" data-callback="recaptchaCallback" data-expired-callback="expiredCap"></div>
                    <button type="submit" class="btn btn-send" disabled>send</button>


                    <div class="required"><span>*</span>Required Fields</div>
                </form>
            </div>
        </div>
    </div>

    <!-- Footer -->
    <footer>
        <div class="container">
            <div class="footerContainer">
                <div class="iconsContainer">
                    <div class="links clearfix">
                        <div class="icon">
                            <a href="https://www.linkedin.com/in/fawazmhmd/" target="_blank"><img src="icons/linkedin.png" alt="linkedin"></a>
                        </div>
                        <div class="icon">
                            <a href="https://github.com/fwzmhmd" target="_blank"><img src="icons/github.png" alt=""></a>
                        </div>
                        <div class="icon">
                            <a href="mailto:<EMAIL>"><img src="icons/email.png" alt=""></a>
                        </div>
                    </div>
                </div>
                <div class="credit">Designed &amp; Coded by <NAME></div>
                <div class="copyright">&copy; Copyright 2018 <NAME></div>
            </div>
        </div>
    </footer>
{'fraction_non_alphanumeric': 0.1603610379842046, 'fraction_numerical': 0.006242948476871004, 'mean_word_length': 1.4513274336283186, 'pattern_counts': {'":': 0, '<': 437, '<?xml version=': 0, '>': 437, 'https://': 9, 'lorem ipsum': 0, 'www.': 3, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 4, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '1109342', 'n_tokens_mistral': 3776, 'n_tokens_neox': 3479, 'n_words': 678}