CodeLikeYouWantIt.github.io/index.html at master · HecCodes/CodeLikeYouWantIt.github.io · 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
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
<!DOCTYPE html>
<html>
<head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">


    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css" integrity="sha384-rwoIResjU2yc3z8GV/NPeZWAv56rSmLldC3R/AZzGRnGxQQKnKkoFVhFQhNUwEyJ" crossorigin="anonymous">
    <link rel="stylesheet" type="text/css" href="css/styles.css">
    <link rel="stylesheet" type="text/css" href="css/normalize.css">
  </head>
  <body>

    <div class="nav" id="nav">
      <ul>
        <li class="home"><a href="#about">About</a></li>
        <li class="tutorials"><a href="#skills">Skills</a></li>
        <li class="about"><a href="#projects">Projects</a></li>
        <li class="contact"><a href="#contact">Contact</a></li>
      </ul>
    </div>

    <div id="about">
      <h1 class="my-name">Hector Feurtado</h1>
      <h3 class="">Full Stack Developer</h3>
      <img src="images/GooglePic.jpg" class="prof-pic" />

      <div class="lead about-me">

        I am a <span id="school">DevBootCamp</span> grad and am damn proud!

        I don't take life too seriously. Being a father, and of course,
        creating "beautiful and meaningful(sometimes meaningless)
        things" is what I'm most passionate about.

        <p class="myNindo">We all start somewhere. I wont know how to do everything, but I can sure learn how.</p>

        <p> That's my nindo, my ninja way. 😉</p>
      </div>

    </div>

    <hr class="featurette-divider" id="skills">


    <div class="container marketing">
      <h1 class="heading">Skills</h1>
      <div class="row">


        <div class="col-lg-2">
          <img class="rounded-circle" src="images/react.png" alt="Generic placeholder image" width="140" height="140">
          <h2>React</h2>
         <!--  <p><a class="btn btn-secondary" href="#" role="button">View details &raquo;</a></p> -->
        </div>

        <div class="col-lg-2">
          <img class="rounded-circle" src="images/rubyonrails.png" alt="Generic placeholder image" width="140" height="140">
          <h2>Ruby on Rails</h2>
        <!--   <p><a class="btn btn-secondary" href="#" role="button">View details &raquo;</a></p> -->
        </div>

        <div class="col-lg-2">
          <img class="rounded-circle" id="node" src="images/node_js.png" alt="Generic placeholder image" width="140" height="140">
          <h2>nodejs</h2>
          <!-- <p><a class="btn btn-secondary" href="#" role="button">View details &raquo;</a></p> -->
        </div>

        <div class="col-lg-2">
          <img class="rounded-circle" id="node" src="images/css3.png" alt="Generic placeholder image" width="140" height="140">
          <h2>CSS</h2>
          <!-- <p><a class="btn btn-secondary" href="#" role="button">View details &raquo;</a></p> -->
        </div>

        <div class="col-lg-2">
          <img class="rounded-circle" id="node" src="images/html5-logo.png" alt="Generic placeholder image" width="140" height="140">
          <h2>HTML</h2>
          <!-- <p><a class="btn btn-secondary" href="#" role="button">View details &raquo;</a></p> -->
        </div>
      </div>


      <!-- START THE FEATURETTES -->

      <hr class="featurette-divider" id="projects">

      <h1 class="heading">Projects</h1>
      <div class="row featurette">
        <div class="col-md-7">
          <h2 class="featurette-heading">Budget Guru <span class="text-muted">Stop Waiting. Start Saving.</span></h2>
          <p class="lead">Budget Guru is an app that lets you know how you're doing financially at all times. There are a lot budgeting apps out there that tell you if you're over your budget, and how much you have in your account(s), but none that tell you how much you can actually spend.</p>

          <p class="lead">Budget Guru was built in seven days with an amazing, hard working, group of people. We decided to challenge ourselves with learning React Native for the front end(boy was it frustrating), and Rails for back end. <a href="https://budgetguru.github.io/">Click here</a> to find out more about the app.</p>

          <iframe id="demo-vid" height="400" src="https://www.youtube.com/embed/vpbx1DVgEcU" frameborder="0" allowfullscreen></iframe>

          <p class="lead">Github links: <a href="https://github.com/Ted-Koomen/BudgetGuruApp" target="_blank">Front End </a> |
          <a href="https://github.com/samanthacooks/BudgetGuruRails" target="_blank">Back End</a>
          <p>

        </div>
        <div class="col-md-5">
          <img class="featurette-image img-fluid mx-auto" src="images/BudgetGURU.jpg" alt="Generic placeholder image">
        </div>
      </div>

      <hr class="featurette-divider">

      <div class="row featurette">
        <div class="col-md-7">
          <h2 class="featurette-heading">Reportify <span class="text-muted">Reporting Made Easy</span></h2>
          <p class="lead">Reportify is a small project made for a teacher-friend who wanted to simplify his students' reports. This app is built using Ruby on Rails with PostgreSQL as the RDMS.
          <a href="https://report-ify.herokuapp.com/">Click here</a> to view project.
          Have fun messing with it a bit!
          </p>


          <p class="lead">Github link(s): <a href="https://github.com/CodeLikeYouWantIt/Reportify"_blank">View Code </a>
          <p>

        </div>
        <div class="col-md-5">
          <img class="featurette-image img-fluid mx-auto" src="images/reportify.png" alt="Generic placeholder image">
        </div>
      </div>

      <hr class="featurette-divider">
      <!-- FOOTER -->

      <footer id="contact">
        <div class="footer-social-icons">
          <ul class="social-icons">
              <li><a href="https://www.facebook.com/profile.php?id=100008535180969" class="social-icon"> <img src="images/facebooklogo.png" width=50 height=50></a></li>
              <li><a href="https://www.linkedin.com/in/hector-feurtado-a74ba7aa/" class="social-icon"> <img src="images/linkedin.png" width=50 height=50></a></li>
              <!-- <li><a href="https://twitter.com/hector_feurtado" class="social-icon"> <img src="images/twitter.png" width=50 height=50></a></li> -->
              <li><a href="mailto:hectorfeurtado@gmail.com" class="social-icon"> <img src="images/gmail.png" width=50 height=50></a></li>
          </ul>
        </div>
        <p class="float-right"><a href="#nav">Back to top</a></p>
      </footer>
    </div>
    <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.11.0/umd/popper.min.js" integrity="sha384-b/U6ypiBEHpOf/4+1nzFpr53nxSS+GLCkfwBdFNTxtclqqenISfwAzpKaMNFNmj4" crossorigin="anonymous"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/js/bootstrap.min.js" integrity="sha384-vBWWzlZJ8ea9aCX4pEW3rVHjgjt7zpkNpZk+02D9phzyeVkE+jo0ieGizqPLForn" crossorigin="anonymous"></script>
  </body>
</html>