Bookmark/index.html at master · monaazami/Bookmark · 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
<!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">

  <title>Mona Azami</title>

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


</head>

<body onload='fetchBookmark()'>
    <div class="container mycon">
    <nav class="navbar navbar-expand-lg  navbar-dark bg-dark">
        <a class="navbar-brand" href="#">Mona Azami</a>

        <div class="collapse navbar-collapse" id="navbarSupportedContent">
          <ul class="navbar-nav mr-auto">
            <li class="nav-item active">
              <a class="nav-link" href="#">Home <span class="sr-only">(current)</span></a>
            </li>
            <li class="nav-item">
              <a class="nav-link" href="#">Projects</a>
            </li>
          </ul>
        </div>
      </nav>


    <!-- <div class="header clearfix">
      <h3 class="text-muted">Mona Azami</h3>
    </div> -->
    <div class="bg ">
      <h1 class="container"> A little bit about me</h1>
    </div>
    <div class="container bio">
      <h1 > A little bit about me</h1>
      <p >
        My name is Mona Azami, from Iran, moved to the Uk 2011.
        I used to work as agraphic designer for around 10 years, I was happy with that.
        But when I heard about coding from a friend, I thought lets just have a look at that.
        I had a look and still I am looking and looking at that. It is not easy to leave it.
        I enjoy creating something simple but handy that makes the life easier. I started with HTML5 and CSS3.
        And soon jumped to learn about vanilla Javascript, then tried  new feutures(ES6) and also a deep undrestanding of JS.
        Just a quick look at database(SQL) and backend development using NodeJS.My favorite JavaScript library which is created by Facebook, is React.
        It's amazinly fast and efficient.Also It is easy to understand and less verbose than vanilla JS api.

      </p>
    </div>
    <div class="jumbotron">
      <h2>Bookmark your favorite site</h2>

      <form id="myForm" >
        <div class="form-group">
          <label>Site Name</label>
          <input type="text" class="form-control" id="siteName" placeholder="Website Name">
        </div>
        <div class="form-group">
          <label>Site URL</label>
          <input type="text" class="form-control" id="siteUrl" placeholder="Website URL">
        </div>

        <button type="submit" class="btn btn-primary">Submit</button>
      </form>

    </div>
    <div class="row marketing">
      <div class="col-lg-12">
        <div id="bookmarksResults">

        </div>
      </div>


    </div>


    <footer class="footer">
      <p>&copy; 2018 MONA AZAMI, Inc.</p>
    </footer>

  </div>
  <!-- /container -->


  <!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
  <script src="https://code.jquery.com/jquery-3.3.1.js" integrity="sha256-2Kok7MbOyxpgUVvAk/HJ2jigOSYS2auK4Pfzbm7uH60=" crossorigin="anonymous"></script>
  <script src="js/bootstrap.min.js"></script>
  <script src="js/main.js"></script>
</body>

</html>