Skip to content

done with nav #3

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
psybuglite wants to merge 3 commits into
base: master
Choose a base branch
from
Open

done with nav #3

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
152f836
done with nav
psybuglite Oct 27, 2017
89efe4b
done with nav
psybuglite Oct 27, 2017
cd1203d
done with nav
psybuglite Oct 27, 2017
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
31 changes: 31 additions & 0 deletions images/logo_statcounter_2017.svg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
74 changes: 69 additions & 5 deletions styles.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -3,16 +3,80 @@ section {
}

section .nav {
width: 15%;
background-color: pink;
width: 16%;
background-color: #064685;
height: 100vh;
position: fixed;
color: yellow;
padding: 4px 7px;
}

section .nav h3 {
font-size: 2.2rem;
color: #235ea1;
font-weight: 100;
}

section .nav #form {
padding-bottom: 15px;
display: none;
}

section .nav #form input[type=text], section .nav #form input[type=password] {
padding: 2px;
border-radius: 5px;
margin: 3px 0px;
width: 130px;
}

section .nav #form .remember {
font-size: 1.0em;
color: white;
}

section .nav #form button {
background-color: transparent;
border: none;
margin: 10px 0px 0px 0px;
color: white;
border-radius: 5px;
transition: 0.5s;
}

section .nav #form button:hover {
background-color: #99a1c0;
transition: 0.5s;
}

section .nav #form a {
text-decoration: none;
transition: 0.5s;
color: #e7eff5;
}

section .nav #form a:hover {
color: white;
transition: 0.5s;
}

section .nav .links {
padding: 5px 0px;
}

section .nav .links a {
text-decoration: none;
font-size: 0.8em;
transition: 0.5s;
color: #e7eff5;
}

section .nav .links a:hover {
color: white;
transition: 0.5s;
}

section .main {
width: 85%;
margin-left: 15%;
width: 84%;
margin-left: 16%;
background-color: lightblue;
height: 150vh;
}
Expand Down
2 changes: 1 addition & 1 deletion styles.css.map
View file
Open in desktop

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

76 changes: 71 additions & 5 deletions styles.sass
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -3,14 +3,80 @@ section


.nav
width: 15%
background-color: pink
width: 16%
background-color: #064685
height: 100vh
position: fixed
color: yellow
padding: 4px 7px

h3
font-size: 2.2rem
color: #235ea1
font-weight: 100


#form
padding-bottom: 15px
display: none
input[type=text], input[type=password]
padding: 2px
border-radius: 5px
margin: 3px 0px
width: 130px

.remember
font-size: 1.0em
color: white

button
background-color: transparent
border: none
margin: 10px 0px 0px 0px
color: white
border-radius: 5px
transition: 0.5s

button:hover
background-color: #99a1c0
transition: 0.5s

a
text-decoration: none
transition: 0.5s
color: #e7eff5

a:hover
color: white
transition: 0.5s

.links
padding: 5px 0px

a
text-decoration: none
font-size: 0.8em
transition: 0.5s
color: #e7eff5

a:hover
color: white
transition: 0.5s














.main
width: 85%
margin-left: 15%
width: 84%
margin-left: 16%
background-color: lightblue
height: 150vh
72 changes: 70 additions & 2 deletions summary.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -16,10 +16,78 @@
<body>

<section>
<div class="nav">
<div class="text-right"><i class="fa fa-caret-right" style="color: #235ea1; font-size: 18px"></i></div>

<img src="images/logo_statcounter_2017.svg" width="95%" alt="">

<h3>Already a Member?</h3>


<div id="form">
<form action="#">
<input type="text" name="username" id="" placeholder="Username"> <br>
<input type="password" name="password" id="pwd" placeholder="Password"> <br>
<input type="checkbox" name="checkbox" id="checkbox"> <span class="remember"> Remember Me</span><br>
<button type="submit">Login</button>
</form>
<a href="#">Forgot Password?</a>
</div>

<div class="links">
<a href="#">Summary</a><br>
<a href="#">Hourly</a><br>
<a href="#">Popular Pages</a><br>
<a href="#">Entry Pages</a><br>
<a href="#">Exit Pages</a><br>
<a href="#">Bounce Rate</a><br>
<a href="#">Incomong Traffic</a><br>
<a href="#">Came From</a><br>
<a href="#">Keyword Analysis</a><br>
<a href="#">Paid Traffic</a><br>
<a href="#">Recent Came From</a><br>
<a href="#">Summary</a><br>
<a href="#">Hourly</a><br>
<a href="#">Popular Pages</a><br>
<a href="#">Entry Pages</a><br>
<a href="#">Exit Pages</a><br>
<a href="#">Bounce Rate</a><br>
<a href="#">Incomong Traffic</a><br>
<a href="#">Came From</a><br>
<a href="#">Keyword Analysis</a><br>
<a href="#">Paid Traffic</a><br>
<a href="#">Recent Came From</a><br>
<a href="#">Exit Pages</a><br>
<a href="#">Bounce Rate</a><br>
<a href="#">Incomong Traffic</a><br>
<a href="#">Came From</a><br>
</div>


























<div class="nav">
ihgsf
</div>

<div class="main">
Expand Down