Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
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
4 changes: 2 additions & 2 deletions index.css
Original file line number Diff line number Diff line change
Expand Up @@ -242,7 +242,7 @@ header{
color: #FFF;
text-decoration: none;
text-transform: lowercase;
//background-image: linear-gradient(120deg, transparent 0%, transparent 50%, #FFF 50%);
/*background-image: linear-gradient(120deg, transparent 0%, transparent 50%, #FFF 50%);*/
background-size: 230%;
transition: all .4s; }
.navigation__link:link span, .navigation__link:visited span {
Expand Down Expand Up @@ -502,7 +502,7 @@ input{
/*---RESPONSIVE DESIGN---*/

/*---------BODY---------*/
body
body{
@media only screen and (max-width: 56.25em) {
body {
font-size: 50%;
Expand Down
66 changes: 3 additions & 63 deletions index.html
Original file line number Diff line number Diff line change
Expand Up @@ -6,58 +6,9 @@
<title>Shopo</title>
<link href="https://fonts.googleapis.com/css?family=Gloria+Hallelujah|Lato" rel="stylesheet">
<link href="index.css" rel="stylesheet">
<script src="index.js"></script>
<link href="toastr.css" rel="stylesheet"/>
<script src="toastr.js"></script>
<script src="src/jquery-3.2.1.js"></script>
</head>
<body>

<!-- <div class="container">

<div class="Menu">
<div class="Logo--row">
<div class="Logo--box">
LOGO
</div>
</div>
<div class="Menu--listbox">
<div class="Menu--listbox--item">
Shirts
</div>
<div class="Menu--listbox--item">
Dresses
</div>
<div class="Menu--listbox--item">
Jeans
</div>
<div class="Menu--listbox--item">
Jackets
</div>
<div class="Menu--listbox--item">
Gymwear
</div>
<div class="Menu--listbox--item">
Blazers
</div>
<div class="Menu--listbox--item">
Shoes
</div>
</div>
<div class="Menu--footer">
<div class="Menu--footer--item">
Contact
</div>
<div class="Menu--footer--item">
Newsletter
</div>
<div class="Menu--footer--item">
Subscribe
</div>
</div>

</div> -->

<div class="navigation">
<input type="checkbox" class="navigation__checkbox" id="navi-toggle">

Expand Down Expand Up @@ -102,20 +53,6 @@
</div>
</section>


<!-- <header>
<div class="heading">
Jeans
</div>
<div class="header--icon--box" id="cart">
<img src="img/shopping-cart.svg" class="icon">
<div class="cart--count" id="count">
</div>
</div>
<div class="header--icon--box" style="margin-right: 1.5rem">
<img src="img/magnifying-glass.svg" class="icon">
</div>
</header> -->
<div class="catalog--featured">
<div class="catalog--featured--heading" >New Arrivals</div>
<div class="catalog--featured--subheading">COLLECTION 2018</div>
Expand Down Expand Up @@ -156,5 +93,8 @@
</footer>
</div>
</div>
<script src="index.js"></script>
<script src="toastr.js"></script>
<script src="src/jquery-3.2.1.js"></script>
</body>
</html>
2 changes: 1 addition & 1 deletion suggestion
Original file line number Diff line number Diff line change
@@ -1 +1 @@
add code documentation for beginners who dont know much about code
add buttons to go to different pages on the website and improve UX.