Fórum Como Fazer Um Site

Fórum sobre como fazer um site. Espaço para aprender e partilhar conhecimentos sobre Como Criar Sites.
Data/Hora: sexta dez 04, 2020 6:11 pm

Os Horários são TMG [ DST ]




Criar Novo Tópico Responder a este Tópico  [ 1 Mensagem ] 
Autor Mensagem
 Assunto da Mensagem: Ajuda de alinhamento de Website!!
MensagemEnviado: quarta set 30, 2020 12:06 pm 
Offline

Registado: quarta set 30, 2020 11:39 am
Mensagens: 1
Olá bom dia a todos.

Sou iniciante na área de multimídia, cursando atualmente um curso de Técnico em Desenvolvimento de Produtos Multimídia.

Este curso terá um estágio curricular e é importante para o meu futuro. Portanto, gostaria que você me apoiasse, por favor.

Tenho algumas dúvidas, que gostaria de me esclarecer, que estão ligadas a alguns detalhes da construção de um site.

É importante para mim, que me coloquem comentários que me ajudem no código fonte para me orientar da melhor maneira, meu problema não é a colocação das informações no site, mas minha maior dificuldade é o alinhamento.

Minhas dúvidas são as seguintes:

- 1) Na sua opinião, como faço para alinhar as competências profissionais (veja o código-fonte abaixo e o arquivo que envio no LinkedIn)?

- 2) Como colocar o <div class = "h5"> Estagiário do estágio cuuricular do Mestrado em Gestão das Organizações, ministrado no Instituto Politécnico de Viana do Castelo </div> numa caixa <div> abaixo alinhada com os <divs > caixas acima?

-3) Como colocar um vídeo criado no software Blender, como colocá-lo no código do site e como remover a cor de fundo se possível?

Esperando uma resposta breve de vossa parte.

O código está em baixo:

<!DOCTYPE html>
<html lang="pt">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Creative CV</title>
<meta name="description" content="Creative CV is a HTML resume template for professionals. Built with Bootstrap 4, Now UI Kit and FontAwesome, this modern and responsive design template is perfect to show"/>
<link href="https://fonts.googleapis.com/css?family=Montserrat:400,700,200" rel="stylesheet">
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/latest/css/font-awesome.min.css" rel="stylesheet">
<link href="css/aos.css" rel="stylesheet">
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="styles/main.css" rel="stylesheet">
</head>
<body id="top">
<header>
<div class="profile-page sidebar-collapse">
<nav class="navbar navbar-expand-lg fixed-top navbar-transparent bg-primary" color-on-scroll="400">
<div class="container">
<div class="navbar-translate"><a class="navbar-brand" href="#" rel="tooltip"></a>
<button class="navbar-toggler navbar-toggler" type="button" data-toggle="collapse" data-target="#navigation" aria-controls="navigation" aria-expanded="false" aria-label="Toggle navigation"><span class="navbar-toggler-bar bar1"></span><span class="navbar-toggler-bar bar2"></span><span class="navbar-toggler-bar bar3"></span></button>
</div>

<div class="collapse navbar-collapse justify-content-end" id="navigation">
<ul class="navbar-nav">
<li class="nav-item"><a class="nav-link smooth-scroll" href="#about">Acerca de mim</a></li>
<li class="nav-item"><a class="nav-link smooth-scroll" href="#skill">Habilidades</a></li>
<li class="nav-item"><a class="nav-link smooth-scroll" href="#portfolio">Portfólio</a></li>
<li class="nav-item"><a class="nav-link smooth-scroll" href="#experience">Experiência</a></li>
<li class="nav-item"><a class="nav-link smooth-scroll" href="#contact">Contatos</a></li>
</ul>
</div>
</div>
</nav>
</div>
</header>
<div class="page-content">
</div>
<div class="profile-page">
<div class="wrapper">
<div class="page-header page-header-small" filter-color="green">
<div class="page-header-image" data-parallax="true" style="background-image: url('images/ponte_eiffel_vianacastelo.jpg');"></div>
<div class="container">
<div class="content-center">
<div class="cc-profile-image"><a href="#"><img src="images/foto ze.jpg" alt="Image"/></a></div>
<div class="h2 title">José Moreira </div>
<p class="category text-white">Web Developer,Designer Gráfico,Fotográfo</p><a class="btn btn-primary smooth-scroll mr-2" href="#contact" data-aos="zoom-in" data-aos-anchor="data-aos-anchor">Hire Me</a><a class="btn btn-primary" href="#" data-aos="zoom-in" data-aos-anchor="data-aos-anchor">Download CV</a>
</div>
</div>
<div class="section">
<div class="container">
<div class="button-container"><a class="btn btn-default btn-round btn-lg btn-icon" href="#" rel="tooltip" title="Follow me on Facebook"><i class="fa fa-linkedin"></i></a><a class="btn btn-default btn-round btn-lg btn-icon" href="#" rel="tooltip" title="Follow me on Twitter"><i class="fa fa-twitter"></i></a><a class="btn btn-default btn-round btn-lg btn-icon" href="#" rel="tooltip" title="Follow me on Google+"><i class="fa fa-google-plus"></i></a><a class="btn btn-default btn-round btn-lg btn-icon" href="#" rel="tooltip" title="Follow me on Instagram"><i class="fa fa-instagram"></i></a></div>
</div>
</div>
</div>
</div>
</div>
<div class="section" id="about">
<div class="container">
<div class="card" data-aos="fade-up" data-aos-offset="10">
<div class="row">
<div class="col-lg-6 col-md-12">
<div class="card-body">
<div class="h4 mt-0 title">Acerca de Mim</div>
<p>Olá sou o José Moreira e estou a tirar neste momento o curso de Técnico de Desenvolvimento de Produtos Multimédia.Procuro uma oportunidade profissional onde possa o desenho e a produção digital de conteúdos multmédia, com vista à criação de soluções interativas de comunicação. </p>
</div>
</div>
<div class="col-lg-6 col-md-12">
<div class="card-body">
<div class="h4 mt-0 title">Informação Pessoal</div>
<div class="row mt-3">
<div class="col-sm-4"><strong class="text-uppercase">Email:</strong></div>
<div class="col-sm-8">Josemmoreira1@gmail.com</div>
</div>
<div class="row mt-3">
<div class="col-sm-4"><strong class="text-uppercase">Telemóvel:</strong></div>
<div class="col-sm-8">968336088</div>
</div>
<div class="row mt-3">
<div class="col-sm-4"><strong class="text-uppercase">Morada</strong></div>
<div class="col-sm-8">Viana do Castelo</div>
</div>
<div class="row mt-3">
<div class="col-sm-4"><strong class="text-uppercase">Línguas</strong></div>
<div class="col-sm-8">Inglês,Espanhol, Francês</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section" id="skill">
<div class="container">
<div class="h4 text-center mb-4 title">Competências Profissionais</div>
<div class="card" data-aos="fade-up" data-aos-anchor-placement="top-bottom">
<div class="card-body">
<div class="row">
<div class="col-md-6">
<img src="images/html logo.png" alt="logo html" witdh="65px" height="65px">
<div class="progress-container progress-primary"><span class="progress-badge">HTML</span>
<div class="progress">
<div class="progress-bar progress-bar-primary" data-aos="progress-full" data-aos-offset="10" data-aos-duration="2000" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 80%;"></div><span class="progress-value">80%</span>
</div>
</div>
</div>
<div class="col-md-6">
<img src="images/css logo.png" alt="logo css" witdh="65px" height="65px">
<div class="progress-container progress-primary"><span class="progress-badge">CSS</span>
<div class="progress">
<div class="progress-bar progress-bar-primary" data-aos="progress-full" data-aos-offset="10" data-aos-duration="2000" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 75%;"></div><span class="progress-value">75%</span>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-6">
<img src="images/javascript logo.png" alt="logo css" witdh="65px" height="65px">
<div class="progress-container progress-primary"><span class="progress-badge">JavaScript</span>
<div class="progress">
<div class="progress-bar progress-bar-primary" data-aos="progress-full" data-aos-offset="10" data-aos-duration="2000" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 60%;"></div><span class="progress-value">40%</span>
</div>
</div>
</div>
<div class="col-md-6">
<img src="images/php logo.png" alt="logo css" witdh="68px" height="68px">
<div class="progress-container progress-primary"><span class="progress-badge">SASS</span>
<div class="progress">
<div class="progress-bar progress-bar-primary" data-aos="progress-full" data-aos-offset="10" data-aos-duration="2000" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 60%;"></div><span class="progress-value">60%</span>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-6">
<img src="images/adobe illustrator.png" alt="logo css" witdh="50px" height="50px">
<div class="progress-container progress-primary"><span class="progress-badge">Bootstrap</span>
<div class="progress">
<div class="progress-bar progress-bar-primary" data-aos="progress-full" data-aos-offset="10" data-aos-duration="2000" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 75%;"></div><span class="progress-value">75%</span>
</div>
</div>
</div>
<div class="col-md-6">
<img src="images/photoshop.png" alt="logo css" witdh="50px" height="50px">

<div class="progress-container progress-primary"><span class="progress-badge">Photoshop</span>
<div class="progress">
<div class="progress-bar progress-bar-primary" data-aos="progress-full" data-aos-offset="10" data-aos-duration="2000" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 70%;"></div><span class="progress-value">70%</span>
</div>

<div class="row">
<div class="col-md-6">
<img src="images/adobe illustrator.png" alt="logo css" witdh="50px" height="50px">
<div class="progress-container progress-primary"><span class="progress-badge">Bootstrap</span>
<div class="progress">
<div class="progress-bar progress-bar-primary" data-aos="progress-full" data-aos-offset="10" data-aos-duration="2000" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 75%;"></div><span class="progress-value">75%</span>
</div>
</div>
</div>
<div class="col-md-6">
<img src="images/photoshop.png" alt="logo css" witdh="50px" height="50px">

<div class="progress-container progress-primary"><span class="progress-badge">Photoshop</span>
<div class="progress">
<div class="progress-bar progress-bar-primary" data-aos="progress-full" data-aos-offset="10" data-aos-duration="2000" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 70%;"></div><span class="progress-value">70%</span>
</div>
</div>
</div>
</div> <!-- Alinhar este código ao de cima -- >



</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section" id="portfolio">
<div class="container">
<div class="row">
<div class="col-md-6 ml-auto mr-auto">
<div class="h4 text-center mb-4 title">Portfolio</div>
<div class="nav-align-center">
<ul class="nav nav-pills nav-pills-primary" role="tablist">
<li class="nav-item"><a class="nav-link active" data-toggle="tab" href="#web-development" role="tablist"><i class="fa fa-laptop" aria-hidden="true"></i></a></li>
<li class="nav-item"><a class="nav-link" data-toggle="tab" href="#graphic-design" role="tablist"><i class="fa fa-picture-o" aria-hidden="true"></i></a></li>
<li class="nav-item"><a class="nav-link" data-toggle="tab" href="#Photography" role="tablist"><i class="fa fa-camera" aria-hidden="true"></i></a></li>
</ul>
</div>
</div>
</div>
<div class="tab-content gallery mt-5">
<div class="tab-pane active" id="web-development">
<div class="ml-auto mr-auto">
<div class="row">
<div class="col-md-6">
<div class="cc-porfolio-image img-raised" data-aos="fade-up" data-aos-anchor-placement="top-bottom"><a href="#web-development">
<figure class="cc-effect"><img src="images/project-1.jpg" alt="Image"/>
<figcaption>
<div class="h4">Recent Project</div>
<p>Web Development</p>
</figcaption>
</figure></a></div>
<div class="cc-porfolio-image img-raised" data-aos="fade-up" data-aos-anchor-placement="top-bottom"><a href="#web-development">
<figure class="cc-effect"><img src="images/project-2.jpg" alt="Image"/>
<figcaption>
<div class="h4">Startup Project</div>
<p>Web Development</p>
</figcaption>
</figure></a></div>
</div>
<div class="col-md-6">
<div class="cc-porfolio-image img-raised" data-aos="fade-up" data-aos-anchor-placement="top-bottom"><a href="#web-development">
<figure class="cc-effect"><img src="images/project-3.jpg" alt="Image"/>
<figcaption>
<div class="h4">Food Order Project</div>
<p>Web Development</p>
</figcaption>
</figure></a></div>
<div class="cc-porfolio-image img-raised" data-aos="fade-up" data-aos-anchor-placement="top-bottom"><a href="#web-development">
<figure class="cc-effect"><img src="images/project-4.jpg" alt="Image"/>
<figcaption>
<div class="h4">Web Advertising Project</div>
<p>Web Development</p>
</figcaption>
</figure></a></div>
</div>
</div>
</div>
</div>
<div class="tab-pane" id="graphic-design" role="tabpanel">
<div class="ml-auto mr-auto">
<div class="row">
<div class="col-md-6">
<div class="cc-porfolio-image img-raised" data-aos="fade-up" data-aos-anchor-placement="top-bottom"><a href="#graphic-design">
<figure class="cc-effect"><img src="images/graphic-design-1.jpg" alt="Image"/>
<figcaption>
<div class="h4">Triangle Pattern</div>
<p>Graphic Design</p>
</figcaption>
</figure></a></div>
<div class="cc-porfolio-image img-raised" data-aos="fade-up" data-aos-anchor-placement="top-bottom"><a href="#graphic-design">
<figure class="cc-effect"><img src="images/graphic-design-2.jpg" alt="Image"/>
<figcaption>
<div class="h4">Abstract Umbrella</div>
<p>Graphic Design</p>
</figcaption>
</figure></a></div>
</div>
<div class="col-md-6">
<div class="cc-porfolio-image img-raised" data-aos="fade-up" data-aos-anchor-placement="top-bottom"><a href="#graphic-design">
<figure class="cc-effect"><img src="images/graphic-design-3.jpg" alt="Image"/>
<figcaption>
<div class="h4">Cube Surface Texture</div>
<p>Graphic Design</p>
</figcaption>
</figure></a></div>
<div class="cc-porfolio-image img-raised" data-aos="fade-up" data-aos-anchor-placement="top-bottom"><a href="#graphic-design">
<figure class="cc-effect"><img src="images/graphic-design-4.jpg" alt="Image"/>
<figcaption>
<div class="h4">Abstract Line</div>
<p>Graphic Design</p>
</figcaption>
</figure></a></div>
</div>
</div>
</div>
</div>
<div class="tab-pane" id="Photography" role="tabpanel">
<div class="ml-auto mr-auto">
<div class="row">
<div class="col-md-6">
<div class="cc-porfolio-image img-raised" data-aos="fade-up" data-aos-anchor-placement="top-bottom"><a href="#Photography">
<figure class="cc-effect"><img src="images/photography-1.jpg" alt="Image"/>
<figcaption>
<div class="h4">Photoshoot</div>
<p>Photography</p>
</figcaption>
</figure></a></div>
<div class="cc-porfolio-image img-raised" data-aos="fade-up" data-aos-anchor-placement="top-bottom"><a href="#Photography">
<figure class="cc-effect"><img src="images/photography-3.jpg" alt="Image"/>
<figcaption>
<div class="h4">Wedding Photoshoot</div>
<p>Photography</p>
</figcaption>
</figure></a></div>
</div>
<div class="col-md-6">
<div class="cc-porfolio-image img-raised" data-aos="fade-up" data-aos-anchor-placement="top-bottom"><a href="#Photography">
<figure class="cc-effect"><img src="images/photography-2.jpg" alt="Image"/>
<figcaption>
<div class="h4">Beach Photoshoot</div>
<p>Photography</p>
</figcaption>
</figure></a></div>
<div class="cc-porfolio-image img-raised" data-aos="fade-up" data-aos-anchor-placement="top-bottom"><a href="#Photography">
<figure class="cc-effect"><img src="images/photography-4.jpg" alt="Image"/>
<figcaption>
<div class="h4">Nature Photoshoot</div>
<p>Photography</p>
</figcaption>
</figure></a></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section" id="experience">
<div class="container cc-experience">
<div class="h4 text-center mb-4 title">Experiência de Trabalho</div>
<div class="card">
<div class="row">
<div class="col-md-3 bg-primary" data-aos="fade-right" data-aos-offset="50" data-aos-duration="500">
<div class="card-body cc-experience-header">
<p>2019 - Presente</p>
<div class="h3">Curso de Desenvolvimento de Produtos Multimédia IEFP/Ponte de Lima</div>
</div>
</div>
<div class="col-md-9" data-aos="fade-left" data-aos-offset="50" data-aos-duration="200">
<div class="card-body">
<div class="h2">Técnico em Desenvolvimento de Produtos Multimédia</div>
<p>
<ul style="list-style-type:disc;">
<li>Conceção técnica e planemento de projetos de sistemas e produtos multimédia, com vista ao desenvolvimento de soluções de informação e comunicação.</li>
<li>Programar aplicações multimédia utilizando ferramentas de autor.</li>
<li>Conceção e produção de efeitos visuais em aúdio e video</li>
<li>Planificação e desenho para o desenvolvimento de sitios Web </li>
<li>Modelação e animação de objetos 3D </li>
</ul>

</p>
</div>
</div>
</div>
</div>
<div class="card">
<div class="row">
<div class="col-md-3 bg-primary" data-aos="fade-right" data-aos-offset="50" data-aos-duration="500">
<div class="card-body cc-experience-header">
<p>2006-2017</p>
<div class="h5">Rede Europeia AntiPobreza/Viana do Castelo</div>
</div>
</div>
<div class="col-md-9" data-aos="fade-left" data-aos-offset="50" data-aos-duration="500">
<div class="card-body">
<div class="h5">Voluntariado</div>
<p>
<ul style="list-style-type:disc;">
<li>Apoio na organização de eventos: Palestras e Conferências, entre outras.</li>
<li>Apresentação de ideias e resultados realizados na Rede Europeia AntiPobreza.</li>
<li>Conceção e produção de efeitos visuais em aúdio e video</li>
</ul>
</p>
</div>
</div>
</div>
</div>
<div class="card">
<div class="row">
<div class="col-md-3 bg-primary" data-aos="fade-right" data-aos-offset="50" data-aos-duration="500">
<div class="card-body cc-experience-header">
<p>2015</p>
<div class="h5">ACEP (Associação Cultural e de Educação Popular da Meadela(Viana do Castelo)</div>
</div>
</div>



<div class="col-md-9" data-aos="fade-left" data-aos-offset="50" data-aos-duration="500">
<div class="card-body">
<div class="h5">Estagiário do estágio cuuricular do Mestrado em Gestão das Organizações, ministrado no Instituto Politécnico de Viana do Castelo</div>
<p>
<ul style="list-style-type:disc;">
<li>Implementação do Sistema de Gestão da Qualidade e propostas de melhoria em práticas de Qualidade.</li>
</ul>
</p>




<div class="col-md-9" data-aos="fade-left" data-aos-offset="50" data-aos-duration="500">
<div class="card-body">
<div class="h5">Estagiário do estágio cuuricular do Mestrado em Gestão das Organizações, ministrado no Instituto Politécnico de Viana do Castelo</div>
<p>
<ul style="list-style-type:disc;">
<li>Implementação do Sistema de Gestão da Qualidade e propostas de melhoria em práticas de Qualidade.</li>
</ul>




</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section">
<div class="container cc-education">
<div class="h4 text-center mb-4 title">Educação</div>
<div class="card">
<div class="row">
<div class="col-md-3 bg-primary" data-aos="fade-right" data-aos-offset="50" data-aos-duration="500">
<div class="card-body cc-education-header">
<p>2005</p>
<div class="h5">Licenciatura</div>
</div>
</div>
<div class="col-md-9" data-aos="fade-left" data-aos-offset="50" data-aos-duration="500">
<div class="card-body">
<div class="h5">Licenciatura em Sociologia</div>
<p class="category">Universidade do Minho</p>
<p>
<ul style="list-style-type:disc;">
<li>Organização e Gestão de Recursos Humanos.</li>
<li>Marketing.</li>
</ul>
</p>
</div>
</div>
</div>
</div>
<div class="card">
<div class="row">
<div class="col-md-3 bg-primary" data-aos="fade-right" data-aos-offset="50" data-aos-duration="500">
<div class="card-body cc-education-header">
<p>2019</p>
<div class="h5">Mestrado</div>
</div>
</div>
<div class="col-md-9" data-aos="fade-left" data-aos-offset="50" data-aos-duration="500">
<div class="card-body">
<div class="h5">Mestrado em Gestão das Organizações</div>
<p class="category">Instituto Politécnico de Viana do Castelo</p>
<p>
<ul style="list-style-type:disc;">
<li>Tese com o título: "O impacto do Sistema de Gestão da Qualidade <i>Equass</i> na Gestão de Recursos Humanos- O caso da Associação Cultural e de Educação Cultural".</li>
<li>Gestão da Qualidade</li>
<li>Complementos de Gestão de Recursos Humanos</li>
<li>Gestão Estratégica e Marketing</li>
</ul> </p>
</div>
</div>
</div>
</div>
<div class="card">
<div class="row">
<div class="col-md-3 bg-primary" data-aos="fade-right" data-aos-offset="50" data-aos-duration="500">
<div class="card-body cc-education-header">
<p>2007 - 2009</p>
<div class="h5">High School</div>
</div>
</div>
<div class="col-md-9" data-aos="fade-left" data-aos-offset="50" data-aos-duration="500">
<div class="card-body">
<div class="h5">Science and Mathematics</div>
<p class="category">School of Secondary board</p>
<p>Euismod massa scelerisque suspendisse fermentum habitant vitae ullamcorper magna quam iaculis, tristique sapien taciti mollis interdum sagittis libero nunc inceptos tellus, hendrerit vel eleifend primis lectus quisque cubilia sed mauris. Lacinia porta vestibulum diam integer quisque eros pulvinar curae, curabitur feugiat arcu vivamus parturient aliquet laoreet at, eu etiam pretium molestie ultricies sollicitudin dui.</p>
</div>
</div>
</div>
</div>
</div>
</div>



<div class="section" id="reference">
<div class="container cc-reference">
<div class="h4 mb-4 text-center title">References</div>
<div class="card" data-aos="zoom-in">
<div class="carousel slide" id="cc-Indicators" data-ride="carousel">
<ol class="carousel-indicators">
<li class="active" data-target="#cc-Indicators" data-slide-to="0"></li>
<li data-target="#cc-Indicators" data-slide-to="1"></li>
<li data-target="#cc-Indicators" data-slide-to="2"></li>
</ol>
<div class="carousel-inner">
<div class="carousel-item active">
<div class="row">
<div class="col-lg-2 col-md-3 cc-reference-header">
<div class="h5 pt-2">Luís Miguel Rito de Faria</div>
<p class="category">Formador do Curso de Especialização Tecnólogica em Desenvolvimento de Produtos Multimédia </p>
</div>
<div class="col-lg-10 col-md-9">
<p> O José Moreira é uma formando do curso CET de Multimédia ministrado pelo IEFP de Viana do Castelo que está neste momento a adquirir competências técnicas no âmbito das áreas de vídeo, áudio, design, 3D e web design. </p>
</div>
</div>
</div>
<div class="carousel-item">
<div class="row">
<div class="col-lg-2 col-md-3 cc-reference-header"><img src="images/reference-image-2.jpg" alt="Image"/>
<div class="h5 pt-2">Braiden</div>
<p class="category">CEO / Creativem</p>
</div>
<div class="col-lg-10 col-md-9">
<p> Habitasse venenatis commodo tempor eleifend arcu sociis sollicitudin ante pulvinar ad, est porta cras erat ullamcorper volutpat metus duis platea convallis, tortor primis ac quisque etiam luctus nisl nullam fames. Ligula purus suscipit tempus nascetur curabitur donec nam ullamcorper, laoreet nullam mauris dui aptent facilisis neque elementum ac, risus semper felis parturient fringilla rhoncus eleifend.</p>
</div>
</div>
</div>
<div class="carousel-item">
<div class="row">
<div class="col-lg-2 col-md-3 cc-reference-header"><img src="images/reference-image-3.jpg" alt="Image"/>
<div class="h5 pt-2">Alexander</div>
<p class="category">CEO / Webnote</p>
</div>
<div class="col-lg-10 col-md-9">
<p> Habitasse venenatis commodo tempor eleifend arcu sociis sollicitudin ante pulvinar ad, est porta cras erat ullamcorper volutpat metus duis platea convallis, tortor primis ac quisque etiam luctus nisl nullam fames. Ligula purus suscipit tempus nascetur curabitur donec nam ullamcorper, laoreet nullam mauris dui aptent facilisis neque elementum ac, risus semper felis parturient fringilla rhoncus eleifend.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>






<div class="section" id="contact">
<div class="cc-contact-information" style="background-image: url('images/staticmap.png');">
<div class="container">
<div class="cc-contact">
<div class="row">
<div class="col-md-9">
<div class="card mb-0" data-aos="zoom-in">
<div class="h4 text-center title">Contact Me</div>
<div class="row">
<div class="col-md-6">
<div class="card-body">
<form action="https://formspree.io/your@email.com" method="POST">
<div class="p pb-3"><strong>Feel free to contact me </strong></div>
<div class="row mb-3">
<div class="col">
<div class="input-group"><span class="input-group-addon"><i class="fa fa-user-circle"></i></span>
<input class="form-control" type="text" name="name" placeholder="Name" required="required"/>
</div>
</div>
</div>
<div class="row mb-3">
<div class="col">
<div class="input-group"><span class="input-group-addon"><i class="fa fa-file-text"></i></span>
<input class="form-control" type="text" name="Subject" placeholder="Subject" required="required"/>
</div>
</div>
</div>
<div class="row mb-3">
<div class="col">
<div class="input-group"><span class="input-group-addon"><i class="fa fa-envelope"></i></span>
<input class="form-control" type="email" name="_replyto" placeholder="E-mail" required="required"/>
</div>
</div>
</div>
<div class="row mb-3">
<div class="col">
<div class="form-group">
<textarea class="form-control" name="message" placeholder="Your Message" required="required"></textarea>
</div>
</div>
</div>
<div class="row">
<div class="col">
<button class="btn btn-primary" type="submit">Send</button>
</div>
</div>
</form>
</div>
</div>
<div class="col-md-6">
<div class="card-body">
<p class="mb-0"><strong>Address </strong></p>
<p class="pb-2">140, City Center, New York, U.S.A</p>
<p class="mb-0"><strong>Phone</strong></p>
<p class="pb-2">+1718-111-0011</p>
<p class="mb-0"><strong>Email</strong></p>
<p>anthony@company.com</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div></div>
</div>
<footer class="footer">
<div class="container text-center"><a class="cc-facebook btn btn-link" href="#"><i class="fa fa-facebook fa-2x " aria-hidden="true"></i></a><a class="cc-twitter btn btn-link " href="#"><i class="fa fa-twitter fa-2x " aria-hidden="true"></i></a><a class="cc-google-plus btn btn-link" href="#"><i class="fa fa-google-plus fa-2x" aria-hidden="true"></i></a><a class="cc-instagram btn btn-link" href="#"><i class="fa fa-instagram fa-2x " aria-hidden="true"></i></a></div>
<div class="h4 title text-center">Anthony Barnett</div>
<div class="text-center text-muted">
<p>&copy; Creative CV. All rights reserved.<br>Design - <a class="credit" href="https://templateflip.com" target="_blank">TemplateFlip</a></p>
</div>
</footer>
<script src="js/core/jquery.3.2.1.min.js"></script>
<script src="js/core/popper.min.js"></script>
<script src="js/core/bootstrap.min.js"></script>
<script src="js/now-ui-kit.js?v=1.1.0"></script>
<script src="js/aos.js"></script>
<script src="scripts/main.js"></script>
</body>
</html>


Atentamente

José Moreira


Topo
 Perfil  
 
Mostrar mensagens anteriores:  Ordenar por  
Criar Novo Tópico Responder a este Tópico  [ 1 Mensagem ] 

Os Horários são TMG [ DST ]


Quem está ligado:

Utilizador a ver este Fórum: Nenhum utilizador registado e 1 visitante


Criar Tópicos: Proibído
Responder Tópicos: Proibído
Editar Mensagens: Proibído
Apagar Mensagens: Proibído
Enviar anexos: Proibído

Pesquisar por:
Ir para:  
cron
Powered by phpBB® Forum Software © phpBB Group
Traduzido por phpBB Portugal
Como Fazer Um Site, o seu site para aprender a criar sites