Skip to content

Commit

Permalink
Merge pull request #3 from liaporto/insert-content
Browse files Browse the repository at this point in the history 
Insert content
  • Loading branch information
@pedroaf0
pedroaf0 authored Apr 26, 2021
2 parents 5405453 + def8f40 commit 90bc9d9
Show file tree
Hide file tree
Showing 2 changed files with 54 additions and 34 deletions.
16 changes: 8 additions & 8 deletions css/styles.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -10179,17 +10179,17 @@ header.masthead .masthead-heading {
margin-bottom: 4rem;
}
}
#portfolio .portfolio-item {
#nossos-bots .portfolio-item {
max-width: 25rem;
margin-left: auto;
margin-right: auto;
}
#portfolio .portfolio-item .portfolio-link {
#nossos-bots .portfolio-item .portfolio-link {
position: relative;
display: block;
margin: 0 auto;
}
#portfolio .portfolio-item .portfolio-link .portfolio-hover {
#nossos-bots .portfolio-item .portfolio-link .portfolio-hover {
display: flex;
position: absolute;
width: 100%;
Expand All @@ -10200,25 +10200,25 @@ header.masthead .masthead-heading {
opacity: 0;
transition: opacity ease-in-out 0.25s;
}
#portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content {
#nossos-bots .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content {
font-size: 1.25rem;
color: white;
}
#portfolio .portfolio-item .portfolio-link:hover .portfolio-hover {
#nossos-bots .portfolio-item .portfolio-link:hover .portfolio-hover {
opacity: 1;
}
#portfolio .portfolio-item .portfolio-caption {
#nossos-bots .portfolio-item .portfolio-caption {
padding: 1.5rem;
text-align: center;
background-color: #fff;
}
#portfolio .portfolio-item .portfolio-caption .portfolio-caption-heading {
#nossos-bots .portfolio-item .portfolio-caption .portfolio-caption-heading {
font-size: 1.5rem;
font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
font-weight: 700;
margin-bottom: 0;
}
#portfolio .portfolio-item .portfolio-caption .portfolio-caption-subheading {
#nossos-bots .portfolio-item .portfolio-caption .portfolio-caption-subheading {
font-style: italic;
font-family: "Droid Serif", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
Expand Down
72 changes: 46 additions & 26 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -23,10 +23,11 @@
<a class="navbar-brand js-scroll-trigger" href="#page-top"><img src="assets/img/navbar-logo.png" alt="" /></a><button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">Menu<i class="fas fa-bars ml-1"></i></button>
<div class="collapse navbar-collapse" id="navbarResponsive">
<ul class="navbar-nav text-uppercase ml-auto">
<li class="nav-item"><a class="nav-link js-scroll-trigger" href="#services">Services</a></li>
<li class="nav-item"><a class="nav-link js-scroll-trigger" href="#portfolio">Portfolio</a></li>
<li class="nav-item"><a class="nav-link js-scroll-trigger" href="#about">About</a></li>
<li class="nav-item"><a class="nav-link js-scroll-trigger" href="#team">Team</a></li>
<li class="nav-item"><a class="nav-link js-scroll-trigger" href="#quem-somos">Quem somos</a></li>
<li class="nav-item"><a class="nav-link js-scroll-trigger" href="#nossos-bots">Nossos Bots</a></li>
<li class="nav-item"><a class="nav-link js-scroll-trigger" href="#como-surgimos">Como Surgimos</a></li>
<!-- <li class="nav-item"><a class="nav-link js-scroll-trigger" href="#team">Team</a></li> -->
<li class="nav-item"><a class="nav-link js-scroll-trigger" href="#como-contribuir">Como contribuir</a></li>
<li class="nav-item"><a class="nav-link js-scroll-trigger" href="#contact">Contact</a></li>
</ul>
</div>
Expand All @@ -37,41 +38,41 @@
<div class="container">
<div class="masthead-subheading">Welcome To Our Studio!</div>
<div class="masthead-heading text-uppercase">It's Nice To Meet You</div>
<a class="btn btn-primary btn-xl text-uppercase js-scroll-trigger" href="#services">Tell Me More</a>
<a class="btn btn-primary btn-xl text-uppercase js-scroll-trigger" href="#quem-somos">Tell Me More</a>
</div>
</header>
<!-- Services-->
<section class="page-section" id="services">
<!-- quem-somos-->
<section class="page-section" id="quem-somos">
<div class="container">
<div class="text-center">
<h2 class="section-heading text-uppercase">Services</h2>
<h2 class="section-heading text-uppercase">Quem Somos?</h2>
<h3 class="section-subheading text-muted">Lorem ipsum dolor sit amet consectetur.</h3>
</div>
<div class="row text-center">
<div class="col-md-4">
<span class="fa-stack fa-4x"><i class="fas fa-circle fa-stack-2x text-primary"></i><i class="fas fa-shopping-cart fa-stack-1x fa-inverse"></i></span>
<h4 class="my-3">E-Commerce</h4>
<p class="text-muted">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Minima maxime quam architecto quo inventore harum ex magni, dicta impedit.</p>
<span class="fa-stack fa-4x"><i class="fas fa-circle fa-stack-2x text-primary"></i><i class="fas fa-code-branch fa-stack-1x fa-inverse"></i></span>
<h4 class="my-3">Uma resposta a um desafio</h4>
<p class="text-muted">O Bots Pela Educação surgiu a partir do <a href="https://ifrs.edu.br/estudantes-o-ifrs-tem-um-desafio-para-voces/">Desafio Criativo do IFRS</a>, uma entre muitas outras ideias de soluções para um enfrentamento da COVID-19. Nós decidimos tomar como ponto principal de desenvolvimento a educação, e, com a COVID-19, a educação à distância em especial.</p>
</div>
<div class="col-md-4">
<span class="fa-stack fa-4x"><i class="fas fa-circle fa-stack-2x text-primary"></i><i class="fas fa-laptop fa-stack-1x fa-inverse"></i></span>
<h4 class="my-3">Responsive Design</h4>
<p class="text-muted">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Minima maxime quam architecto quo inventore harum ex magni, dicta impedit.</p>
<span class="fa-stack fa-4x"><i class="fas fa-circle fa-stack-2x text-primary"></i><i class="fas fa-graduation-cap fa-stack-1x fa-inverse"></i></span>
<h4 class="my-3">Uma iniciativa para a democratização da educação</h4>
<p class="text-muted">Os bots, enquanto ferramentas predominantes nas redes sociais, podem ajudar a suprir diversas demandas que muitas vezes dependeriam de um acesso ilimitado à internet. Um dos exemplos é o nosso <a href="#">bot inicial</a>, que torna possível fazer pesquisas no Google através do Whatsapp.</p>
</div>
<div class="col-md-4">
<span class="fa-stack fa-4x"><i class="fas fa-circle fa-stack-2x text-primary"></i><i class="fas fa-lock fa-stack-1x fa-inverse"></i></span>
<h4 class="my-3">Web Security</h4>
<p class="text-muted">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Minima maxime quam architecto quo inventore harum ex magni, dicta impedit.</p>
<span class="fa-stack fa-4x"><i class="fas fa-circle fa-stack-2x text-primary"></i><i class="fas fa-robot fa-stack-1x fa-inverse"></i></span>
<h4 class="my-3">Uma coleção de bots</h4>
<p class="text-muted">Múltiplas redes sociais, bots para todas elas. Nosso objetivo é criar bots que sejam acessíveis a qualquer momento e de qualquer lugar.</p>
</div>
</div>
</div>
</section>
<!-- Portfolio Grid-->
<section class="page-section bg-light" id="portfolio">
<!-- nossos-bots Grid-->
<section class="page-section bg-light" id="nossos-bots">
<div class="container">
<div class="text-center">
<h2 class="section-heading text-uppercase">Portfolio</h2>
<h3 class="section-subheading text-muted">Lorem ipsum dolor sit amet consectetur.</h3>
<h2 class="section-heading text-uppercase">Quem são os nossos bots?</h2>
<h3 class="section-subheading text-muted">(Por enquanto)</h3>
</div>
<div class="row">
<div class="col-lg-4 col-sm-6 mb-4">
Expand Down Expand Up @@ -161,11 +162,12 @@ <h3 class="section-subheading text-muted">Lorem ipsum dolor sit amet consectetur
</div>
</div>
</section>

<!-- About-->
<section class="page-section" id="about">
<!-- <section class="page-section" id="como-surgimos">
<div class="container">
<div class="text-center">
<h2 class="section-heading text-uppercase">About</h2>
<h2 class="section-heading text-uppercase">Como surgimos?</h2>
<h3 class="section-subheading text-muted">Lorem ipsum dolor sit amet consectetur.</h3>
</div>
<ul class="timeline">
Expand Down Expand Up @@ -216,9 +218,27 @@ <h4>Be Part<br />Of Our<br />Story!</h4>
</li>
</ul>
</div>
</section> -->

<!-- Como contribuir -->
<section class="page-section" id="como-contribuir">
<div class="container">
<div class="text-center">
<h2 class="section-heading text-uppercase">Como posso contribuir?</h2>
<h3 class="section-subheading text-muted">Lorem ipsum dolor sit amet consectetur.</h3>
</div>
<div class="row">
<div class="col-lg-8 mx-auto text-center">
<p class="large">
O Bots Pela Educação precisa de gente! Se você se interessou pelo projeto e quer contribuir com as suas habilidades, seja de desenvolvimento, design ou produção textual, temos um <a href="https://discord.gg/F7bfECQ">servidor no Discord</a> e um <a href="https://forms.gle/H4XdxzaLhxNKXF4o8">Formulário</a> para a requisição de entrada na organização do Github.
</p>
</div>
</div>
</div>
</section>

<!-- Team-->
<section class="page-section bg-light" id="team">
<!-- <section class="page-section bg-light" id="team">
<div class="container">
<div class="text-center">
<h2 class="section-heading text-uppercase">Our Amazing Team</h2>
Expand Down Expand Up @@ -256,7 +276,7 @@ <h4>Diana Petersen</h4>
</div>
</section>
<!-- Clients-->
<div class="py-5">
<!-- <div class="py-5">
<div class="container">
<div class="row">
<div class="col-md-3 col-sm-6 my-3">
Expand All @@ -273,7 +293,7 @@ <h4>Diana Petersen</h4>
</div>
</div>
</div>
</div>
</div> -->
<!-- Contact-->
<section class="page-section" id="contact">
<div class="container">
Expand Down

0 comments on commit 90bc9d9

Please sign in to comment.