Skip to content

Commit

Permalink
fixing grid
Browse files Browse the repository at this point in the history
  • Loading branch information
@shamdasani
shamdasani committed Jan 3, 2017
1 parent b0bbe5b commit c1c79dc
Show file tree
Hide file tree
Showing 6 changed files with 218 additions and 84 deletions.
36 changes: 30 additions & 6 deletions 404.html
View file
@@ -1,14 +1,38 @@
---
layout: page
title: You are lost.
description: meanwhile, why not check out some awesome projects?
---

<div class="grid">
{% for post in site.posts limit:3 %}
<div class="col-1-3">
<a href="{{ post.url }}"><img class="project-image-front" src={{ post.img }}></h1></a>
<a href="{{ post.url }}"><h1 class="project-title-front"><span class="underline">{{ post.title }}</span></h1></a>
</div>

<div class="row">
{% for post in site.posts limit: 3%}

<div class="col-sm-4">
<a href="{{ post.url }}"><img class="project-image-front" src={{ post.img }}></a>
<a href="{{ post.url }}"><h3 class="project-title-front"><span>{{ post.title }}</span></h3></a>
</div>
{% endfor %}
</div>


<div class="row">
{% for post in site.posts limit: 3 offset: 3%}
<div class="col-sm-4">
<a href="{{ post.url }}"><img class="project-image-front" src={{ post.img }}></a>
<a href="{{ post.url }}"><h3 class="project-title-front"><span>{{ post.title }}</span></h3></a>
</div>
{% endfor %}
</div>


<div class="row">
{% for post in site.posts limit: 3 offset: 6%}
<div class="col-sm-4">
<a href="{{ post.url }}"><img class="project-image-front" src={{ post.img }}></a>
<a href="{{ post.url }}"><h3 class="project-title-front"><span>{{ post.title }}</span></h3></a>
</div>
{% endfor %}
</div>

</div>
73 changes: 57 additions & 16 deletions _site/404.html
View file
Expand Up @@ -5,16 +5,16 @@
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>You are lost.</title>
<meta name="description" content="meanwhile, why not check out some awesome projects?">
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta property="og:title" content="You are lost.">
<meta property="og:description" content="meanwhile, why not check out some awesome projects?">
<meta property="og:description" content="">
<meta property="og:url" content="https://enlight.ml/404.html">
<meta property="og:image" content="https://enlight.ml/img/enlight-round-logo.png" />
<meta name="twitter:card" content="summary" />
<meta name="twitter:site" content="@tryenlight" />
<meta name="twitter:title" content="You are lost." />
<meta name="twitter:description" content="meanwhile, why not check out some awesome projects?" />
<meta name="twitter:description" content="" />
<meta name="twitter:image" content="https://enlight.ml/img/enlight-round-logo.png" />

<link href="style.css" type="stylesheet">
Expand Down Expand Up @@ -144,26 +144,67 @@

<div class="project">
<h1 class="project-title"><span class="underline">You are lost.</span></h1>
<h2 class="project-description"> meanwhile, why not check out some awesome projects?</h2>
<h2 class="project-description"> </h2>
<div class="grid">

<div class="row">


<div class="col-sm-4">
<a href="/web-paint"><img class="project-image-front" src=/img/web-paint.gif></a>
<a href="/web-paint"><h3 class="project-title-front"><span>Web Paint App</span></h3></a>
</div>


<div class="col-sm-4">
<a href="/weather"><img class="project-image-front" src=/img/weather.gif></a>
<a href="/weather"><h3 class="project-title-front"><span>Geolocation Weather App</span></h3></a>
</div>


<div class="col-sm-4">
<a href="/code-editor"><img class="project-image-front" src=/img/code-editor.gif></a>
<a href="/code-editor"><h3 class="project-title-front"><span>Live HTML/CSS/JS Editor</span></h3></a>
</div>

</div>


<div class="row">

<div class="col-1-3">
<a href="/web-paint"><img class="project-image-front" src=/img/web-paint.gif></h1></a>
<a href="/web-paint"><h1 class="project-title-front"><span class="underline">Web Paint App</span></h1></a>
</div>
<div class="col-sm-4">
<a href="/hex-color-generator"><img class="project-image-front" src=/img/color.gif></a>
<a href="/hex-color-generator"><h3 class="project-title-front"><span>Hex Color Generator</span></h3></a>
</div>

<div class="col-1-3">
<a href="/weather"><img class="project-image-front" src=/img/weather.gif></h1></a>
<a href="/weather"><h1 class="project-title-front"><span class="underline">Geolocation Weather App</span></h1></a>
</div>
<div class="col-sm-4">
<a href="/clock"><img class="project-image-front" src=/img/clock.gif></a>
<a href="/clock"><h3 class="project-title-front"><span>Clock</span></h3></a>
</div>

<div class="col-1-3">
<a href="/code-editor"><img class="project-image-front" src=/img/code-editor.gif></h1></a>
<a href="/code-editor"><h1 class="project-title-front"><span class="underline">Live HTML/CSS/JS Editor</span></h1></a>
</div>
<div class="col-sm-4">
<a href="/text-editor"><img class="project-image-front" src=/img/text-editor.gif></a>
<a href="/text-editor"><h3 class="project-title-front"><span>Text Editor</span></h3></a>
</div>

</div>


<div class="row">

<div class="col-sm-4">
<a href="/quote"><img class="project-image-front" src=/img/quote.gif></a>
<a href="/quote"><h3 class="project-title-front"><span>Quote Generator</span></h3></a>
</div>

<div class="col-sm-4">
<a href="/to-do"><img class="project-image-front" src=/img/to-do.gif></a>
<a href="/to-do"><h3 class="project-title-front"><span>To-Do List</span></h3></a>
</div>

</div>

</div>
</div>

<style>
Expand Down
98 changes: 51 additions & 47 deletions _site/index.html
View file
Expand Up @@ -149,59 +149,63 @@ <h1 class="project-title">Learn to code by building projects</h1><br>


<div class="grid">
<div class="row">



<div class="col-sm-4">
<a href="/web-paint"><img class="project-image-front" src=/img/web-paint.gif></a>
<a href="/web-paint"><h3 class="project-title-front"><span>Web Paint App</span></h3></a>
</div>


<div class="col-sm-4">
<a href="/weather"><img class="project-image-front" src=/img/weather.gif></a>
<a href="/weather"><h3 class="project-title-front"><span>Geolocation Weather App</span></h3></a>
</div>


<div class="col-sm-4">
<a href="/code-editor"><img class="project-image-front" src=/img/code-editor.gif></a>
<a href="/code-editor"><h3 class="project-title-front"><span>Live HTML/CSS/JS Editor</span></h3></a>
</div>


<div class="col-sm-4">
<a href="/hex-color-generator"><img class="project-image-front" src=/img/color.gif></a>
<a href="/hex-color-generator"><h3 class="project-title-front"><span>Hex Color Generator</span></h3></a>
</div>

<div class="row">


<div class="col-sm-4">
<a href="/web-paint"><img class="project-image-front" src=/img/web-paint.gif></a>
<a href="/web-paint"><h3 class="project-title-front"><span>Web Paint App</span></h3></a>
</div>


<div class="col-sm-4">
<a href="/weather"><img class="project-image-front" src=/img/weather.gif></a>
<a href="/weather"><h3 class="project-title-front"><span>Geolocation Weather App</span></h3></a>
</div>


<div class="col-sm-4">
<a href="/code-editor"><img class="project-image-front" src=/img/code-editor.gif></a>
<a href="/code-editor"><h3 class="project-title-front"><span>Live HTML/CSS/JS Editor</span></h3></a>
</div>

</div>

<div class="col-sm-4">
<a href="/clock"><img class="project-image-front" src=/img/clock.gif></a>
<a href="/clock"><h3 class="project-title-front"><span>Clock</span></h3></a>
</div>


<div class="col-sm-4">
<a href="/text-editor"><img class="project-image-front" src=/img/text-editor.gif></a>
<a href="/text-editor"><h3 class="project-title-front"><span>Text Editor</span></h3></a>
</div>

<div class="row">

<div class="col-sm-4">
<a href="/hex-color-generator"><img class="project-image-front" src=/img/color.gif></a>
<a href="/hex-color-generator"><h3 class="project-title-front"><span>Hex Color Generator</span></h3></a>
</div>

<div class="col-sm-4">
<a href="/clock"><img class="project-image-front" src=/img/clock.gif></a>
<a href="/clock"><h3 class="project-title-front"><span>Clock</span></h3></a>
</div>

<div class="col-sm-4">
<a href="/text-editor"><img class="project-image-front" src=/img/text-editor.gif></a>
<a href="/text-editor"><h3 class="project-title-front"><span>Text Editor</span></h3></a>
</div>

</div>

<div class="col-sm-4">
<a href="/quote"><img class="project-image-front" src=/img/quote.gif></a>
<a href="/quote"><h3 class="project-title-front"><span>Quote Generator</span></h3></a>
</div>


<div class="col-sm-4">
<a href="/to-do"><img class="project-image-front" src=/img/to-do.gif></a>
<a href="/to-do"><h3 class="project-title-front"><span>To-Do List</span></h3></a>
</div>
<div class="row">


</div>
<div class="col-sm-4">
<a href="/quote"><img class="project-image-front" src=/img/quote.gif></a>
<a href="/quote"><h3 class="project-title-front"><span>Quote Generator</span></h3></a>
</div>

<div class="col-sm-4">
<a href="/to-do"><img class="project-image-front" src=/img/to-do.gif></a>
<a href="/to-do"><h3 class="project-title-front"><span>To-Do List</span></h3></a>
</div>

</div>

</div>

Expand Down
25 changes: 21 additions & 4 deletions _site/web.html
View file
Expand Up @@ -156,31 +156,40 @@ <h3 class="project-title"> Beginner Web Development Projects:</h3>
<a href="/hex-color-generator"><img class="project-image-front" src=/img/color.gif></a>
<a href="/hex-color-generator"><h3 class="project-title-front"><span>Hex Color Generator</span></h3></a>
</div>


<div class="col-sm-4">
<a href="/clock"><img class="project-image-front" src=/img/clock.gif></a>
<a href="/clock"><h3 class="project-title-front"><span>Clock</span></h3></a>
</div>


<div class="col-sm-4">
<a href="/text-editor"><img class="project-image-front" src=/img/text-editor.gif></a>
<a href="/text-editor"><h3 class="project-title-front"><span>Text Editor</span></h3></a>
</div>



</div>

<div class="row">



<div class="col-sm-4">
<a href="/to-do"><img class="project-image-front" src=/img/to-do.gif></a>
<a href="/to-do"><h3 class="project-title-front"><span>To-Do List</span></h3></a>
</div>


</div>

</div>





<h3 class="project-title"> Intermediate Web Development Projects:</h3>
<div class="grid">
<div class="row">
Expand All @@ -205,6 +214,14 @@ <h3 class="project-title"> Intermediate Web Development Projects:</h3>
</div>


</div>



<div class="row">



<div class="col-sm-4">
<a href="/quote"><img class="project-image-front" src=/img/quote.gif></a>
<a href="/quote"><h3 class="project-title-front"><span>Quote Generator</span></h3></a>
Expand Down
35 changes: 27 additions & 8 deletions index.html
View file
Expand Up @@ -8,17 +8,36 @@ <h1 class="project-title">Learn to code by building projects</h1><br>


<div class="grid">
<div class="row">

{% for post in site.posts%}
<div class="row">
{% for post in site.posts limit: 3%}

<div class="col-sm-4">
<a href="{{ post.url }}"><img class="project-image-front" src={{ post.img }}></a>
<a href="{{ post.url }}"><h3 class="project-title-front"><span>{{ post.title }}</span></h3></a>
</div>
{% endfor %}
</div>

<div class="col-sm-4">
<a href="{{ post.url }}"><img class="project-image-front" src={{ post.img }}></a>
<a href="{{ post.url }}"><h3 class="project-title-front"><span>{{ post.title }}</span></h3></a>
</div>
{% endfor %}

</div>
<div class="row">
{% for post in site.posts limit: 3 offset: 3%}
<div class="col-sm-4">
<a href="{{ post.url }}"><img class="project-image-front" src={{ post.img }}></a>
<a href="{{ post.url }}"><h3 class="project-title-front"><span>{{ post.title }}</span></h3></a>
</div>
{% endfor %}
</div>


<div class="row">
{% for post in site.posts limit: 3 offset: 6%}
<div class="col-sm-4">
<a href="{{ post.url }}"><img class="project-image-front" src={{ post.img }}></a>
<a href="{{ post.url }}"><h3 class="project-title-front"><span>{{ post.title }}</span></h3></a>
</div>
{% endfor %}
</div>

</div>

Expand Down

0 comments on commit c1c79dc

Please sign in to comment.