Skip to content

Commit 30077f7

Browse files
jgvictoresjgvictores
committed
Add section: projects: infrastructure, #5 
1 parent 07695f8 commit 30077f7

5 files changed

Lines changed: 153 additions & 0 deletions

File tree

‎_includes/css/agency.css‎

Lines changed: 82 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -365,6 +365,8 @@ section h3.section-subheading {
365365
text-transform: none;
366366
}
367367

368+
/* members */
369+
368370
#members .members-item {
369371
right: 0;
370372
margin: 0 0 15px;
@@ -442,6 +444,86 @@ section h3.section-subheading {
442444
}
443445
}
444446

447+
/* projects */
448+
449+
#projects .projects-item {
450+
right: 0;
451+
margin: 0 0 15px;
452+
}
453+
454+
#projects .projects-item .projects-link {
455+
display: block;
456+
position: relative;
457+
margin: 0 auto;
458+
max-width: 400px;
459+
}
460+
461+
#projects .projects-item .projects-link .projects-hover {
462+
position: absolute;
463+
width: 100%;
464+
height: 100%;
465+
opacity: 0;
466+
background: rgba(120, 58, 156,.9);
467+
-webkit-transition: all ease .5s;
468+
-moz-transition: all ease .5s;
469+
transition: all ease .5s;
470+
}
471+
472+
#projects .projects-item .projects-link .projects-hover:hover {
473+
opacity: 1;
474+
}
475+
476+
#projects .projects-item .projects-link .projects-hover .projects-hover-content {
477+
position: absolute;
478+
top: 50%;
479+
width: 100%;
480+
height: 20px;
481+
margin-top: -12px;
482+
text-align: center;
483+
font-size: 20px;
484+
color: #fff;
485+
}
486+
487+
#projects .projects-item .projects-link .projects-hover .projects-hover-content i {
488+
margin-top: -12px;
489+
}
490+
491+
#projects .projects-item .projects-link .projects-hover .projects-hover-content h3,
492+
#projects .projects-item .projects-link .projects-hover .projects-hover-content h4 {
493+
margin: 0;
494+
}
495+
496+
#projects .projects-item .projects-caption {
497+
margin: 0 auto;
498+
padding: 25px;
499+
max-width: 400px;
500+
text-align: center;
501+
background-color: #fff;
502+
}
503+
504+
#projects .projects-item .projects-caption h4 {
505+
margin: 0;
506+
text-transform: none;
507+
}
508+
509+
#projects .projects-item .projects-caption p {
510+
margin: 0;
511+
font-family: "Droid Serif","Helvetica Neue",Helvetica,Arial,sans-serif;
512+
font-size: 16px;
513+
font-style: italic;
514+
}
515+
516+
#projects * {
517+
z-index: 2;
518+
}
519+
520+
@media(min-width:767px) {
521+
#projects .projects-item {
522+
margin: 0 0 30px;
523+
}
524+
}
525+
526+
/* timeline */
445527
.timeline {
446528
position: relative;
447529
padding: 0;

‎_includes/header.html‎

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -27,6 +27,9 @@
2727
<li>
2828
<a class="page-scroll" href="#robots">Robots</a>
2929
</li>
30+
<li>
31+
<a class="page-scroll" href="#projects">Projects</a>
32+
</li>
3033
<li>
3134
<a class="page-scroll" href="#contact">Contact</a>
3235
</li>

‎_includes/projects.html‎

Lines changed: 67 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,67 @@
1+
<!-- Projects Section -->
2+
<section id="projects" class="bg-png">
3+
<div class="container">
4+
<div class="row">
5+
<div class="col-lg-12 text-center">
6+
<h2 class="section-heading">Projects</h2>
7+
<h3 class="section-subheading text-muted">Research Projects</h3>
8+
</div>
9+
</div>
10+
11+
<!--div class="row">
12+
<div class="col-lg-12 text-center">
13+
<h2 class="section-subheading text-muted">Ongoing Research Projects</h2>
14+
</div>
15+
</div-->
16+
17+
<div class="row">
18+
19+
<div class="col-md-4 col-sm-4 projects-item">
20+
<a href="https://secure-robots.eu/" class="projects-link" data-toggle="modal">
21+
<div class="projects-hover">
22+
<div class="projects-hover-content">
23+
<i class="fa fa-plus fa-3x"></i>
24+
</div>
25+
</div>
26+
<img src="img/projects/default.png" class="img-responsive" alt="">
27+
</a>
28+
<div class="projects-caption">
29+
<h4>SECURE</h4>
30+
<p class="text-muted">Safety Enables Cooperation in...<!--Uncertain Robotic Environments--></p>
31+
</div>
32+
</div>
33+
34+
<div class="col-md-4 col-sm-4 projects-item">
35+
<a href="http://www.dcomm.eu/" class="projects-link" data-toggle="modal">
36+
<div class="projects-hover">
37+
<div class="projects-hover-content">
38+
<i class="fa fa-plus fa-3x"></i>
39+
</div>
40+
</div>
41+
<img src="img/projects/default.png" class="img-responsive" alt="">
42+
</a>
43+
<div class="projects-caption">
44+
<h4>DComm</h4>
45+
<p class="text-muted">Deictic Communication</p>
46+
</div>
47+
</div>
48+
49+
<div class="col-md-4 col-sm-4 projects-item">
50+
<a class="projects-link" data-toggle="modal"><!--href-->
51+
<div class="projects-hover">
52+
<div class="projects-hover-content">
53+
<i class="fa fa-plus fa-3x"></i>
54+
</div>
55+
</div>
56+
<img src="img/projects/default.png" class="img-responsive" alt="">
57+
</a>
58+
<div class="projects-caption">
59+
<h4>Project 3</h4>
60+
<p class="text-muted">Describe Project 3</p>
61+
</div>
62+
</div>
63+
64+
</div>
65+
66+
</div>
67+
</section>

‎_layouts/default.html‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -10,6 +10,7 @@
1010
{% include about.html %}
1111
{% include members.html title='Members' collection=site.members%}
1212
{% include robots.html %}
13+
{% include projects.html %}
1314
{% include contact.html %}
1415
{% include footer.html %}
1516
{% include modals.html %}

‎img/projects/default.png‎

21.6 KB
Loading

0 commit comments

Comments
 (0)