Portfolio/index.html at master · Legitcoder/Portfolio · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta http-equiv="X-UA-Compatible" content="ie=edge">
        <link href="https://fonts.googleapis.com/css?family=Josefin+Sans:300,400,400i|Nunito:300,300i" rel="stylesheet">
        <link rel="shortcut icon"  type="image/x-icon" href="img/favicon.ico">
        <link rel="stylesheet" href="css/style.css">
    </head>
    <body class="container">
        <nav class="header">
            <ul class="social">
                <li class="social__item github"><a href="https://www.github.com/legitcoder"><svg><use xlink:href="img/sprite.svg#icon-github"></use></svg></a></li>
                <li class="social__item linkedin"><a href="https://www.linkedin.com/in/moin-uddin/"><svg><use xlink:href="img/sprite.svg#icon-linkedin"></a></li>
                <li class="social__item file-text"><a href="https://drive.google.com/file/d/14E9pSyPXBLv8Wp4wvC5p7OZ5l42JSu8t/view?usp=sharing" target="_blank"><svg><use xlink:href="img/sprite.svg#icon-file-text"></a></li>
            </ul>
            <ul class="navigation">
                <li class="navigation__item about"><a class="navigation__link navigation__link--projects" href="#projects">Projects</a></li>
                <!-- <li class="navigation__item blog"><a class="navigation__link" href="#">Blog</a></li> -->
                <li class="navigation__item contact-link"><a class="navigation__link navigation__link--contact" href="#contact">Contact</a></li>
            </ul>
        </nav>
        <div class="bg-video">
            <h1 class="bg-video__heading">Moin Uddin</h1>
            <video class="bg-video__content" autoplay loop muted>
                <source class="video__content__mp4" src="img/Movie.mp4" type="video/mp4">
                <!-- <source  class="video__content__webm" src="img/Concrete_Jungle/Concrete_Jungle.webm" type="video/webm">
                <source  class="video__content__ogv" src="img/Concrete_Jungle/Concrete_Jungle.ogv" type="video/ogv"> -->
                    Your browser is not suppported!
            </video>
        </div>
        <!-- <div class="section-1" id="#section-1"><h1>Section 1 of Testing Scrolling using JS</h1></div> -->
        <div class="projects" id="projects">
        <div class="projects__item projects__item--sentimentBot">
                <h1 class="heading-secondary margin-bottom-small">Sentiment Bot</h1>
                <div class="projects__imgs projects__imgs--sentimentBot">
                <img src="img/GIF/sentimentBot_2.gif">
                <img src="img/GIF/sentimentBot_1.gif">
                </div>
                <div class="projects__details">
                    <p>
                        Sentiment Bot is an iOS mobile app to keep track of how your team is feeling through
                        simple data analysis and push notifications. Users can sign up to create a team and become a manager or join an existing team. Managers can schedule push notifications to send team members a survey asking them “How do you feel?” with emoji options to choose from.
                        Technologies used include Ruby on Rails, CocoaPods, Carthage, Open Authentication,
                        Cloudinary, and RPush.
                    </p>
                </div>
                <div class="projects__links">
                        <a href="https://github.com/sentiment-bot"><svg><use xlink:href="img/sprite.svg#icon-github"></use></svg></a>
                </div>
            </div>
            <div class="projects__item projects__item--cryptoTracker">
                <h1 class="heading-secondary margin-top-medium margin-bottom-small">CryptoCurrency Portfolio Tracker</h1>
                <div class="projects__imgs projects__imgs--cryptoTracker">
                <img src="https://media.giphy.com/media/TE692xS4mkly2ygrWO/giphy.gif">
                <img src="https://media.giphy.com/media/2jMoqnXrPAIlo1aNeH/giphy.gif">
                </div>
                <div class="projects__details">
                    <p>
                            Cryptocurrency Stock Portfolio Tracker made in React Native for Android and IOS. Inspired by Delta and Blockfolio. Users are able to store and keep track of their holdings and see the value of their portfolio. Technologies used include React Native, Redux and npm packages as well as the Cryptocompare API to pull all the cryptocurrency market data.
                    </p>
                </div>
                <div class="projects__links">
                        <a href="https://github.com/Legitcoder/Cryptocurrency-Portfolio-Tracker"><svg><use xlink:href="img/sprite.svg#icon-github"></use></svg></a>
                </div>
            </div>
            <div class="projects__item projects__item--myPiggyBank">
                <h1 class="heading-secondary margin-top-medium margin-bottom-small">My Piggy Bank</h1>
                <div class="projects__imgs projects__imgs--myPiggyBank">
                    <img src="img/my-piggy-bank/mypiggybank2.png" />
                    <img src="https://i.imgflip.com/1ek68c.gif" title="made at imgflip.com"/>
                </div>
                <div class="projects__details">
                    <p>
                        My Piggy Bank is a small web application developed in a week to help educate children invest, save, spend, and donate their money in a fun hands-on way. It was designed to teach children the importance of financial responsibility. Technologies used include Ruby on Rails, React.js, JQuery, and Bootstrap
                    </p>
                </div>
                <div class="projects__links">
                    <a href="https://github.com/Legitcoder/my-piggy-bank"><svg><use xlink:href="img/sprite.svg#icon-github"></use></svg></a>
                </div>
            </div>
        </div>
        <div class="contact" id="contact">
            <form class="contact__form" action="https://formspree.io/u_moin75@yahoo.com" method="POST">
                <div class="contact__header">
                <h1 class="heading-primary heading-primary--contact">Contact</h1>
                <hr class=="contact__horizontal-line">
                </div>
                <div class="form__group">
                    <label for="name" class="form__label">Name</label>
                    <input type="text" class="form__input form__input--name" name="name" id="name" required>
                </div>
                <div class="form__group">
                        <label for="email" class="form__label">Email</label>
                        <input type="email" class="form__input form__input--email" name="_replyto" id="email" required>
                </div>

                <div class="form__group">
                        <label for="message" class="form__label">Message</label>
                         <textarea name="message" class="form__input form__input--message" id="message" required ></textarea>
                </div>
              <button type="submit" class="contact__btn margin-top-medium"><p>Send<p></button>
          </form>
        </div>
        <footer class="footer">
            <p>Copyright © 2018 Moin Uddin</p>
        </footer>
        <script rel="text/javascript" src="js/main.js"></script>
    </body>
</html>