pixapi.github.io/blog2.html at master · pixapi/pixapi.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
<!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">
    <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
    <title>Amara Lovato website</title>
    <!-- Bootstrap -->
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" href="css/main.css" />
    <link rel="stylesheet"
    href="http://fonts.googleapis.com/css?family=Lato:100,300,400">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
    <!-- HTML5 shim and Respond.js for 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/html5shiv/3.7.3/html5shiv.min.js"></script>
      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
  </head>
  <body>
    <header>
      <nav class="navbar navbar-default navbar-static-top">
        <div class="container">
          <ul class="nav nav-pills">
            <li role="presentation" class="menu"><a href="index.html">Home</a></li>
            <li role="presentation" class="menu"><a href="about-me.html">About Me</a></li>
            <li role="presentation" class="menu"><a href="projects.html">Projects</a></li>
            <li role="presentation" class="menu"><a href="resume.html">Resume</a></li>
            <li role="presentation" class="menu"><a href="blog.html">Blog</a></li>
            <li role="presentation" class="menu"><a href="mailto:amaralovato@gmail.com?subject=Reaching%20Out&body=Email%20content">Contact</a></li>
          </ul>
        </div>
      </nav>
    </header>
    <div class="container" id="top">
      <h1>Code for a better world</h1>
      <p><a id="author" href="index.html">by Amara Lovato</a></p>
      <hr>
      <p id="post-date"><span id="clock" class="glyphicon glyphicon-time"></span>Posted on February 27, 2017 at 8:00 PM</p>
    </div>
    <img id="gifted-mom" class="img-responsive" src="img/GiftedMom.jpg" alt="Cell phone screen with Gifted Mom application">
    <div class="container" id="first-post">
      <p class="post">
        The other day a classmate gave a fascinating talk about Mobile Apps in developing
        countries and it made me feel full of excitement thinking of the idea of
        collaborate with some tech initiatives to make many people's lives better, my end goal
        when joining Turing program.
      </p>
      <p class="post">
        We often develop with a certain user in mind and taking for granted that they will have
        similar needs and lifestyle but we definitely don't think of people with limited internet
        connection and in a total different life conditions that the ones we live in.
        It especially touched my heart a project called <a href="http://www.giftedmom.org/index.html">
        Gifted Moms</a> that tries to end the high rates of infant mortality in developing countries.
        It's an app that helps mothers and pregnant women to access medical
        advice in rural communities like reminders of vaccination appointments, sex education and when is
        vital to visit the doctor for.
      </p>
      <p class="post">
        There are many other cool projects like <a href="http://www.bookly.co.za/">bookly</a> that is a
        mobile reading and writing platform built to improve literacy in Africa and <a href="https://play.google.com/store/apps/details?id=com.okb.crossybricks&hl=es">
        Cross Dakar City</a>that is an educational videogame about the perils of Dakar's roads.
      </p>
      <p class="post">
        As developers we often get dazzled by the glamurous culture of tech companies, the good salaries of
        the industry and building fancy applications that people will talk about. However, we forget that
        tech is everywhere and can improve the world. We can be the agents of change, hope and
        positive transformation.
      </p>
    </div>
    <p class="learn-more" id="more-posts">
      <a href="blog.html">See more posts</a>
    </p>
    <div class="well">
      <h4>Leave a Comment:</h4>
      <form role="form">
          <div class="form-group">
              <textarea class="form-control" rows="3"></textarea>
          </div>
          <button type="submit" class="btn btn-primary">Submit</button>
      </form>
    </div>
    <!-- <footer class="primary-footer">
      <small class="copyright">&copy; Amara Lovato</small>
      <ul class="social-media">
        <li class="social-media">
          <a href="https://github.com/pixapi"/><i class="fa fa-github fa-lg" aria-hidden="true"></i></a>
        </li>
        <li class="social-media">
          <a href="https://twitter.com/amaralovato"><i class="fa fa-twitter fa-lg" aria-hidden="true"></i>
        </li>
        <li class="social-media">
          <a href="https://www.linkedin.com/in/amaralovato"><i class="fa fa-linkedin fa-lg" aria-hidden="true"></i></a>
        </li>
        <li class="social-media">
          <a href="https://www.instagram.com/amaralovato/"><i class="fa fa-instagram fa-lg" aria-hidden="true"></i></a>
        </li>
      </ul>
    </footer> -->
    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
    <!-- Include all compiled plugins (below), or include individual files as needed -->
    <script src="js/bootstrap.min.js"></script>
  </body>
</html>