Url-Shortener-NodeJS/views/index.ejs at d9bbf9740a86712e4e8e6a7ee52a6daa4af1f1f9 · kindacoder/Url-Shortener-NodeJS · 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
<!DOCTYPE html>
<html>

<head>

  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.100.2/css/materialize.css">
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
  <style>
    #main {
      margin-top: 0px;
      height: 100% !important
    }

    #inner {
      height: 330px;
    }

    .main-input {
      margin-top: 70px;
    }

    .page-footer {
      margin-top: -40px;

    }

    .page-footer,
    nav {
      background-color: #d44e53;
    }

    .container {

      width: 95% !important
    }
  </style>
</head>

<body>

  <nav>
    <div class="nav-wrapper ">
      <a href="#!" class=" center brand-logo margin-4">UrlShortner</a>
    </div>
  </nav>


  <!-- Page Layout here -->
  <div class="container">

    <!-- Form with validation -->
    <div id="main" class="col s12 m12 l6">
      <div id="inner" class="card-panel white darken-3">
        <h4 class="header2">Enter the url to shorten...</h4>
        <div class="row main-input">
          <form action="/shorten" method="POST" class="col s12">
            <div class="row">
              <div class="input-field col s12">
                <i class="fa fa-link prefix" aria-hidden="true"></i>
                <input id="name" name="url" type="text" class="validate">
                <label for="url">Enter the url to shorten...</label>
              </div>
            </div>

            <div class="row center">
              <div class="center input-field col s12 " style="margin-top:-20px;">
                <button class="center btn cyan waves-effect waves-light right" type="submit" name="action">Shorten
                                <i class="mdi-content-send right"></i>
                                <i class="fa fa-arrow-right riht" aria-hidden="true"></i>
                              </button>
              </div>

            </div>
          </form>

        </div>

      </div>
    </div>
    <!-- Adding footer content  !-->
    <footer class="page-footer">
      <div class="container">
        <div class="row">
          <div class="col l6 s12">
            <h5 class="white-text">Url Shortener</h5>
            <p class="grey-text text-lighten-4">You can Short your long url with the help of this Url Shortner.</p>
            <p>Please share it in your friend circle </p>
            <br>
            <p>© 2017-18, All Rights Reserved <a class="grey-text text-lighten-3" href="https://www.ashutoshdwivedi.in/" target="_blank"><i class="fa fa-globe" aria-hidden="true"></i>  www.ashutoshdwivedi.in</a></p>
          </div>
          <div class="col l4 offset-l2 s12">
            <h5>Check out github repository of this project:</h5>
            <a class="grey-text text-lighten-3" target="_blank" href="https://github.com/kindacoder/Url-Shortener-NodeJS">Github repository</a>
            <h5 class="white-text"> Meet me here</h5>
            <ul>
              <li><a class="grey-text text-lighten-3" href="https://www.ashutoshdwivedi.in" target="_blank"><i class="fa fa-globe" aria-hidden="true"></i>My website</a>
              </li>
              <li>
                <a class="grey-text text-lighten-3" href="https://www.linkedin.com/in/ashutosh1001/" target="_blank"><i class="fa fa-linkedin-square" aria-hidden="true"></i>   Linkedin</a>
              </li>
              <li><a class="grey-text text-lighten-3" href="https://github.com/kindacoder" target="_blank"><i class="fa fa-github-square" aria-hidden="true"></i> Github</a>
              </li>


              <li><a class="grey-text text-lighten-3" href="https://www.facebook.com/ashutosh.dwivedid" target="_blank"><i class="fa fa-facebook-square" aria-hidden="true"></i>  Facebook</a>
              </li>

            </ul>
          </div>
        </div>
      </div>

    </footer>


  </div>


  <!--Import jQuery before materialize.js-->
  <script type="text/javascript" src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
  <script type="text/javascript">
    $(document).ready(function () {
      $(".button-collapse").sideNav();
    });
  </script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.100.2/js/materialize.min.js" charset="utf-8"></script>

</body>

</html>