Created project sections front end with dummy images and text for now. Not mobile compatible yet.
This commit is contained in:
+41
-35
@@ -77,13 +77,14 @@
|
||||
<section id="projects">
|
||||
<div class="mainProj">
|
||||
<h1>project title to be generated</h1>
|
||||
<div><img src="" alt="">
|
||||
<div>
|
||||
<img src="imgs/1000x800.jpg" alt="">
|
||||
<div class="flexRow">
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus dolorem dolores esse itaque
|
||||
iure iusto libero molestias nobis nostrum placeat praesentium quia quo reprehenderit,
|
||||
repudiandae.</p>
|
||||
<div class="flexCol">
|
||||
<a href="" class="btn btnPrimary boxShadowIn boxShadowOut">testing</a>
|
||||
<a href="" class="btn btnPrimary boxShadowIn boxShadowOut" disabled="disabled">testing</a>
|
||||
<a href="" class="btn btnOutline boxShadowIn boxShadowOut">testing</a>
|
||||
</div>
|
||||
</div>
|
||||
@@ -92,43 +93,48 @@
|
||||
|
||||
<div class="otherProj">
|
||||
<h1>other projects</h1>
|
||||
<div class="oProjGrid">
|
||||
<img src="" alt="">
|
||||
<div class="flexCol">
|
||||
<div>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Velit, voluptates.</p>
|
||||
<div>
|
||||
<div class="oProjItem">
|
||||
<img src="imgs/500x400.jpg" alt="">
|
||||
<div class="flexCol">
|
||||
<div>
|
||||
<p>Adipisci aspernatur consectetur debitis fugiat minus mollitia rem ullam,
|
||||
voluptate.</p>
|
||||
</div>
|
||||
<div>
|
||||
<a href="" class="btn btnPrimary boxShadowIn boxShadowOut">View Project</a>
|
||||
<a href="" class="btn btnOutline boxShadowIn boxShadowOut">Github</a>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<a href="" class="btn btnPrimary boxShadowIn boxShadowOut"></a>
|
||||
<a href="" class="btn btnOutline boxShadowIn boxShadowOut"></a>
|
||||
</div>
|
||||
<div class="oProjItem">
|
||||
<img src="imgs/500x400.jpg" alt="">
|
||||
<div class="flexCol">
|
||||
<div>
|
||||
<p>Adipisci aspernatur consectetur debitis fugiat minus mollitia rem ullam,
|
||||
voluptate.</p>
|
||||
</div>
|
||||
<div>
|
||||
<a href="" class="btn btnPrimary boxShadowIn boxShadowOut">View Project</a>
|
||||
<a href="" class="btn btnOutline boxShadowIn boxShadowOut">Github</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="oProjItem">
|
||||
<img src="imgs/500x400.jpg" alt="">
|
||||
<div class="flexCol">
|
||||
<div>
|
||||
<p>Adipisci aspernatur consectetur debitis fugiat minus mollitia rem ullam,
|
||||
voluptate.</p>
|
||||
</div>
|
||||
<div>
|
||||
<a href="" class="btn btnPrimary boxShadowIn boxShadowOut">View Project</a>
|
||||
<a href="" class="btn btnOutline boxShadowIn boxShadowOut">Github</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="oProjGrid">
|
||||
<img src="" alt="">
|
||||
<div class="flexCol">
|
||||
<div>
|
||||
<p>Adipisci aspernatur consectetur debitis fugiat minus mollitia rem ullam, voluptate.</p>
|
||||
</div>
|
||||
<div>
|
||||
<a href="" class="btn btnPrimary boxShadowIn boxShadowOut"></a>
|
||||
<a href="" class="btn btnOutline boxShadowIn boxShadowOut"></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="oProjGrid">
|
||||
<img src="" alt="">
|
||||
<div class="flexCol">
|
||||
<div>
|
||||
<p>Beatae culpa distinctio dolorum eius et fugit optio reiciendis soluta!</p>
|
||||
</div>
|
||||
<div>
|
||||
<a href="" class="btn btnPrimary boxShadowIn boxShadowOut"></a>
|
||||
<a href="" class="btn btnOutline boxShadowIn boxShadowOut"></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<a href="" class="btn btnPrimary boxShadowIn boxShadowOut"></a>
|
||||
<a href="" class="btn btnPrimary boxShadowIn boxShadowOut">View More</a>
|
||||
</div>
|
||||
</section>
|
||||
<section id="contact">
|
||||
|
||||
Reference in New Issue
Block a user