Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Insert content #3

Merged
merged 4 commits into from
Apr 26, 2021
+54 −34
Merged

Insert content #3

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
4 commits
Select commit Hold shift + click to select a range
f2f2cb9
add content from issue #1
taiporto Jun 15, 2020
6cfdf35
add content from issue #1
taiporto Jun 15, 2020
7d3ef8d
fix conflict on index.html
taiporto Jun 16, 2020
def8f40
fix conflict on index.html
taiporto Jun 16, 2020
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
16 changes: 8 additions & 8 deletions css/styles.css
View file
Open in desktop
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
Open in desktop
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.svg" 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