datapoint/Landing-Page-Librography-Beta
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

added JenkinsFile

Browse Source
This commit is contained in:
flashlan
2021-11-16 00:12:53 -03:00
parent d3795ee79d
commit c0de75ccd6
9 changed files with 134 additions and 25 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/BetaForm.js
+1 -1
View File
@@ -11,7 +11,7 @@ const options = [
function BetaForm() {
return(
<div className="main">
<div data-aos="fade-up" className="main">
<div className="center">
<div className="menu">
<div className="logo">
src/components/Contact.js
+19 -5
View File
@@ -11,19 +11,31 @@ const Contact = () => {
}
const [title, setTitle] = useState("");
const [ content, setContent] = useState("");
const[contactEmail, setContactEmail] = useStates("");
const [content, setContent] = useState("");
const[contactEmail, setContactEmail] = useState("");
const sendEmail = async() => {
e.preventDefault();
console.log("sending email");
}
return(
<React.Fragment>
<button className="back" onClick={goback}> &larr; Go Back</button>
<button className="back" onClick={goBack}> &larr; Go Back</button>
<form className="contact" onSubmit={sendEmail}>
<h2> Envie uma mensagem para ajudar-nos a construir o melhor software gerenciador de Bibliotecas</h2>
<label htmlFor="title"> Message Title: </label>
<input type="text" name="title" onChange={(e) => setTitle(e.target.value) } />
<input type="text" name="title" onChange={(e) => setTitle(e.target.value)} />
<label htmlFor="content">Message Content: </label>
<textarea name="content" onChange={(e) => setContent(e.target.value)} />
<label htmlFor="email">Contact Email: </label>
<input type="email" name="email" onChange={(e) => setContactEmail(e.target.value)} />
<input type="submit" value="Send Message" />>
</form>
</React.Fragment>
)
@@ -31,3 +43,5 @@ const Contact = () => {
}
export default Contact;
src/components/Main.js
+25 -16
View File
@@ -3,7 +3,13 @@ import Template from "../assets/images/Template1.svg";
import { Link, useHistory } from "react-router-dom";
import "../assets/css/Main.css";
import AOS from 'aos';
import 'aos/dist/aos.css';
const Main = () => {
AOS.init({ duration: 2000});
const [joined, setJoined] = useState("");
const history = useHistory();
@@ -19,47 +25,50 @@ const Main = () => {
}
return (
<React.Fragment>
<header>
<img src={Template} />
<div>
<h1>Estamos Produzindo Software <br />Gerenciador de Bibliotecas: </h1>
<p> Librography é um gerenciador para Bibliotecas e colecões particulares de Livros</p>
<Link to="/subscribe">Fique por dentro!</Link>
<div data-aos="fade-right">
<h1>Estamos Produzindo o <br />Melhor Software <br />Gerenciador de Bibliotecas </h1>
<p> Librography é um gerenciador completo para bibliotecas e pode ser usado grátis para colecões particulares de livros e pequenas bibliotecas com ate 3 mil volumes.</p>
<Link to="/contact">Contato</Link>
</div>
</header>
<main>
<section className="services">
<h2>Serviços</h2>
<h2>Recursos</h2>
<div className="service-container">
<div className="service-card service-one"></div>
<div className="service-description">
<div data-aos="slide-right" className="service-card service-one"></div>
<div data-aos="slide-left"className="service-description">
<h3>Gerenciamento avançado</h3>
<div>* Controle de Funcionários com diversos níveis de acesso: Administrador, Atendente, Manutençao, Pesquisador.<br /> * Cadastro de estudantes e Professores. <br /> * Suporte a capas de Libros. <br /> * Consulta por Nome, ISBN, Autor, etc.<br /> * Recurso de localização do local do livro no Bibliotace(Piso, Corredor, Seção, Estante).<br /> * Suporte integrado para confecção de cartão/crachá de Estudante ou Professor. <br /> * Impressão de tickets e multas por atraso. <br /> * Suporte a leitor de código barras(ISBN) e QrCodes(Tickets de empréstimo)<br /> * Exportação de dados para planilhas .Xlsx.<br /> * 3 Modos disponíveis: Cliente/Servidor/Qiosque de consulta<br /> * Cadastro de Fornecedores.<br /> * Integração para registro ISBN*.<br /> * Suporte a protocolo Z39.50</div>
</div>
</div>
<div className="service-container">
<div className="service-card service-two"></div>
<div className="service-description">
<div data-aos="slide-right" className="service-card service-two"></div>
<div data-aos="slide-left" className="service-description">
<h3>Interface Intuitiva</h3>
<div>bla vblal lblxlvsl lsdlf sldflsdl sdlf osdf lsd flslssdflsdfls flsd flsd f</div>
</div>
</div>
<div className="service-container">
<div className="service-card service-three"></div>
<div className="service-description">
<div data-aos="slide-right" className="service-card service-three"></div>
<div data-aos="slide-left" className="service-description">
<h3>Interface Intuitiva</h3>
<div>bla vblal lblxlvsl lsdlf sldflsdl sdlf osdf lsd flslssdflsdfls flsd flsd f</div>
</div>
</div>
<div className="service-container">
<div className="service-card service-four"></div>
<div className="service-description">
<div data-aos="slide-right" className="service-card service-four"></div>
<div data-aos="slide-left" className="service-description">
<h3>Interface Intuitiva</h3>
<div>* Temas Light/Dark<br /> * Consulta intuitiva de histórico<br /> *</div>
</div>
@@ -67,11 +76,11 @@ const Main = () => {
</section>
<section>
<h2>Join our NewsLetter to get latest trends.</h2>
<section data-aos="slide-up">
<h2>Receba as novidades sobre nosso produtos direto em seu email.</h2>
<form className="newsletter" onSubmit={join}>
<input type="email" placeholder="Your Email gos here" onChange={(e) => setJoined(e.target.value)} />
<input type="email" placeholder="Insira seu email" onChange={(e) => setJoined(e.target.value)} />
<input type="submit" value="Join Now!" />
</ form>