Ah tá vamos lá né com a tabela que criada nós já podemos começar a criar estrutura da nossa tela de login aí eu vou voltar então para o arquivo aqui onde nós vamos ter a nossa codifi cação tá e dentro da pasta sistema porque fora dela ou seja na raiz nós teremos o site isso para depois então dentro da pasta sistema onde nós vamos montar toda a estrutura do painel administrativo do sistema esse vem com o botão direito e clica aqui ó em novo arquivo New file dá um contra o Oeste para poder salvar e chama esse arquivo de pode ser login da Verdade login. PHP o login. Pega ou pode ser o pensar melhor que ele vai tá dentro da pasta de sistema né Não então pode ser ainda index.ph P Então é isso mesmo index.ph p e sal e aqui então nós vamos fazer o seguinte dentro dessa página vou só colocar aqui o meu número para poder testar o meu servidor que até agora não testei ele vem aqui no navegador e digita local host todas as vezes para poder acessar o projeto é para quem é iniciante aí no chão é fica preste atenção nisso aqui ó local host/o nome da pasta que você criou a primeiro lá dentro do hpa Axis é que a imobiliária/sistema Então vai ser local host/Imobiliária/sistema a raiz é só essa aqui o local roxo bairro Imobiliária mas aí vai cair né no site da imobiliária mas isso nós não temos ainda porque eu primeiro preciso ter o sistema para fazer os cadastros para obviamente depois alimentar o site se acontecer isso aqui ó ele mostrar o seu nome ok eu já tenho então né o seu projeto rodando no servidor local se ele não encontrar pode ser que você colocou o nome da pasta errada ou o nome aqui né da subpasta que é o sistema ou pode ser que você não esteja com shampoo iniciado Então tem que prestar atenção e refazer os processos até então ou até mesmo você não salvou eu vejo alguns alunos leigos eles Até porque eu esqueço de falar né eles esquecem eles alteram código aí esquecem salvar toda a modificação que você fizer aqui em qualquer arquivo você precisa salvar se você tiver utilizando Sublime técnica sempre que aqui em cima de eu vou passar o mouse ela fica uma bolinha um circula e esse circo quando ele tá assim é porque o arquivo não foi salvo tá quando você pressiona contra o essa eu fico aqui em file save Aí sim ele salva E aí a modificação que você fez vai ser replicada aqui no grau no navegador então fiquem atento a isso aí beleza esse arquivo é onde nós vamos então começar a criar uma Essa é a tela de login digita que HTML pressiona Tap se você não tiver no Sublime text Alves foi que não funcione é então você vai ter que digitar e os comandos que abertura do HTML abertura do Ria de estar aqui vem o título da página que nós vamos colocar o nome do projeto mas tudo isso ele vai ter que buscar de folga dinâmica porque eu não posso simplesmente vir aqui ou digitar por exemplo imobiliária de Freitas e depois você tem que ficar alterando isso aqui ou em todas as páginas onde você aplica um título que que ele faz aqui ó ele coloca no na no cabeçalho do navegador essa informação tá então eles têm que ser buscado de forma dinâmica aí com o nome do projeto para que você não tem que ficar alterando depois são tudo isso nós vamos fazer eu vou aos poucos aqui nós vamos configurando da forma correta é aqui dentro do conteúdo vai ser onde nós vamos aplicar a estrutura dessa tela de login né que a página que eu tô montando aqui inicialmente mas antes eu preciso de buscar um recurso que é o Bootstrap tá você vai vir aqui no Google vai colocar aqui ó pode ser muito Depp sim se você já sabe utilizar o 3 o 4 não faz diferença nenhuma tá tem muito pouca modificação se você preferir utilizar algum outro tranquilo existem vários template também prontos eu vou mostrar para vocês já já quanto a isso aí então essa parte de estilização na verdade isso não é uma foto tá eu não tenho nem tanto tanta criatividade E para isso então eu costumo utilizar muitos templates gratuitos Faz almoço para vocês esse recurso desse frango aqui algo de CEP isso ajuda muito muito muito pra quem não quer fazer utilização do zero Você tem uma opção aqui ó dentro desse site que é o get step né que é uma forma de você ligar o Bootstrap de forma simples com seu projeto que havia CDN então basta você copiar essa CDN aqui que é esse link vim aqui dentro da sua qualificação tá indo rir de aqui ó você coloca ela dentro do Ritmo você colocar discutido por lá além de copiar essa do link você também pode fazer o script aqui dentro você tem um escrito só temos dois aqui também com separei é mas eu vou utilizar esse bundle aqui mesmo Pronto vem aqui e colo ele abaixo perfeito Então dessa forma eu tenho o Bootstrap ligado ao meu projeto aí eu já consigo utilizar recursos dele aqui para poder testar nós vamos fazer na próxima aula aqui ó eu vou digitar um comando dele tá e ele vai ter que ir a minha página com essa pois romântico esse recurso em que o aplicar aqui dela