Skip to content

made CSS changes to index.ejs #6

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
BlackMG27 wants to merge 3 commits into
base: master
Choose a base branch
from
Open

made CSS changes to index.ejs #6

Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
27b2b98
Add files via upload
BlackMG27 Oct 17, 2018
2264029
Delete index.ejs
BlackMG27 Oct 17, 2018
d9bbf97
Add files via upload
BlackMG27 Oct 17, 2018
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
201 changes: 103 additions & 98 deletions views/index.ejs
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -3,125 +3,130 @@

<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;
<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
}
.main-input{
margin-top:70px;

#inner {
height: 330px;
}
.page-footer{
margin-top:-40px;

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

width:95% !important
.page-footer {
margin-top: -40px;

}

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

.container {

</style>
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:0px;">
<button class="center btn cyan waves-effect waves-light right" type="submit" name="action">Shorten
<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>

</div>
</form>

</div>
</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>
<!--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>
</html>