Full Web Page

Author: MdBayazid-star

img/text.md

@@ -0,0 +1,71 @@
+Comandos Git
+============
+
+## Versões traduzidas
+- [English version (original)](README.md)
+
+___
+
+_Uma lista dos comandos Git mais usados_
+
+*Se você está interessado em meus aliases do Git, dê uma olhada no meu `.bash_profile`, encontrado aqui: https://github.com/joshnh/bash_profile/blob/master/.bash_profile*
+
+--
+
+### Obtendo & Criação de Projetos
+
+| Comando | Descrição |
+| ------- | --------- |
+| `git init` | Inicializa um repositório Git local |
+| `git clone ssh://git@github.com/[usuario]/[nome-repositorio].git` | Cria uma cópia local de um repositório remoto |
+
+### Básicos
+
+| Comando | Descrição |
+| ------- | --------- |
+| `git status` | Checa o status |
+| `git add [nome-arquivo.txt]` | Adiciona um arquivo para área de stage |
+| `git add -A` | Adiciona todos os arquivos novos ou modificados para a área de stage |
+| `git commit -m "[Mensagem de Commit]"` | Comita as alterações |
+| `git rm -r [nome-arquivo.txt]` | Remove um arquivo (ou pasta) |
+
+### Branching & Merging
+
+| Comando | Descrição |
+| ------- | --------- |
+| `git branch` | Lista as branches (o asterisco denota a branch atual) |
+| `git branch -a` | Lista todas as branches (local e remoto) |
+| `git branch [nome da branch]` | Cria uma nova branch |
+| `git branch -d [nome da branch]` | Deleta uma branch |
+| `git push origin --delete [nome da branch]` | Deleta uma branch remota |
+| `git checkout -b [nome da branch]` | Cria uma nova branch e muda para ela |
+| `git checkout -b [nome da branch] origin/[nome da branch]` | Clona uma branch remota e muda para ela |
+| `git checkout [nome da branch]` | Seleciona uma branch |
+| `git checkout -` | Muda para a última branch |
+| `git checkout -- [nome-arquivo.txt]` | Descarta modificações de um arquivo |
+| `git merge [nome da branch]` | Faz um merge de uma branch na branch atual |
+| `git merge [source branch] [branch alvo]` | Faz um merge de uma branch em outra branch |
+| `git stash` | Tirar o estado sujo do seu diretório de trabalho |
+| `git stash clear` | Remove todas as entradas 'stash' |
+
+### Sharing & Updating Projects
+
+| Comando | Descrição |
+| ------- | --------- |
+| `git push origin [nome da branch]` | Enviar uma branch para seu repositório remoto |
+| `git push -u origin [nome da branch]` | Envia as alterações da branch informada para um repositório remoto (and selecionar a branch) |
+| `git push` | Envia as alterações para o repositório remoto (branch atual) |
+| `git push origin --delete [nome da branch]` | Deletar uma branch remota |
+| `git pull` | Atualiza o repositório local para o último commit |
+| `git pull origin [nome da branch]` | Recebe alterações do repositório remoto |
+| `git remote add origin ssh://git@github.com/[usuario]/[nome-repositorio].git` | Adicionar um repositório remoto |
+| `git remote set-url origin ssh://git@github.com/[usuario]/[nome-repositorio].git` | Seta um repositório da origin branch para o SSH |
+
+### Inspeção & Comparação
+
+| Comando | Descrição |
+| ------- | --------- |
+| `git log` | Ver modificações |
+| `git log --summary` | Ver modificações (detalhadas) |
+| `git diff [branch original] [branch alvo]` | Visualizar alterações antes de mesclar |
+

index.html

@@ -47,27 +47,56 @@ <h4>Web Desing and Development..</h4>
             <p>
                 Lorem ipsum dolor sit amet consectetur adipisicing elit. At tenetur dolores quasi architecto ea adipisci officia! Ullam magnam vel non, neque ducimus et adipisci pariatur quo harum aspernatur iure ratione beatae, molestias atque dolore velit praesentium eius quae officia omnis recusandae. Sequi odio dicta doloribus non nobis laudantium, deleniti sed.
             </p>
-            <a href="#" class="buttons">Hire ME</a>
+            <a href="https://www.linkedin.com/in/md-bayazid-5bb117216/" target="_blank" class="buttons">Hire ME</a>
         </div>
         <div class="home__section-img">
             <a href="#">
                 <img src="img/bg-1.png" alt="">
             </a>
         </div>
     </section>
-<!--==================== HOME SECTION START =============================-->
+<!--==================== HOME SECTION START =============================-->`
 <!--==================== DREAM SECTION START =============================-->
 
     <section class="Dream__section" id="dreamSection">
-
+        <div class="Dream__section-img">
+            <a href="#"><img src="img/bg-2.png" alt=""></a>
+        </div>
+        <div class="Dream__section-content">
+            <h2>Dream Big</h2>
+            <h4>Become a web developer</h4>
+            <p>
+                Lorem ipsum dolor sit amet consectetur adipisicing elit. Deserunt magnam maxime temporibus, cupiditate ut inventore sapiente maiores in quos nam ullam, molestiae ex qui quae fugit fuga, consequuntur iusto ipsam suscipit expedita quaerat velit cum deleniti. Quidem, sequi quaerat fugit esse nobis eius id. Fuga eum excepturi iure eius cupiditate.
+            </p>
+            <a href="img/text.md" download class="buttons">Download Reasume</a>
+        </div>
     </section>
 <!--==================== DREAM SECTION START =============================-->
 <!--==================== EXPERENCE SECTION START =============================-->
 
     <section class="Experence__section" id="experenceSection">
-
+        <div class="Experence__section-header">
+            <h1>Experence</h1>
+        </div>
+        <div class="main__Experence__section" id="mainExperenceSection">
+            <div class="main__Experence__section-tab1">
+                <h1>Full Stack Web Developer</h1>
+                <h4>2021-Present | Pro Level Developer</h4>
+                <p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Sit, suscipit totam? Doloremque modi, assumenda ut soluta libero quos pariatur perferendis maiores, reprehenderit error qui, excepturi aliquid adipisci officiis reiciendis! Soluta praesentium velit laborum cumque vitae quidem alias deleniti perspiciatis iste delectus, suscipit labore nobis eos, eius dolores. Mollitia, nulla recusandae. Dolorum eligendi unde cupiditate nihil. Ipsum laboriosam totam accusamus minus. Aliquid qui ratione totam eaque deserunt corporis, assumenda odio quasi!</p>
+            </div>
+            <div class="main__Experence__section-tab2">
+                <h1>Baby Web Developer</h1>
+                <h4>2020-2021 | Programming Hero Learner</h4>
+                <p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Sit, suscipit totam? Doloremque modi, assumenda ut soluta libero quos pariatur perferendis maiores, reprehenderit error qui, excepturi aliquid adipisci officiis reiciendis! Soluta praesentium velit laborum cumque vitae quidem alias deleniti perspiciatis iste delectus, suscipit labore nobis eos, eius dolores. Mollitia, nulla recusandae. Dolorum eligendi unde cupiditate nihil. Ipsum laboriosam totam accusamus minus. Aliquid qui ratione totam eaque deserunt corporis, assumenda odio quasi!</p>
+            </div>
+        </div>
     </section>
 <!--==================== EXPERENCE SECTION START =============================-->
+<!--==================== FOOTER START =============================-->
+    <div class="fotter">
+        <p>&copy; I right is reserver by Md Bayazid</p>
+    </div>
+<!--==================== FOOTER END =============================-->
 
 </body>
 </html>

style.css

@@ -95,7 +95,6 @@
 section
 {
     width: 100%;
-    height: 100vh;
 }
 .home__section
 {
@@ -136,7 +135,127 @@ section
     color: #FFF;
     border-radius: 1rem;
 }
+.home__section-content a:hover
+{
+    background: linear-gradient(45deg,tomato, lightsalmon);
+}
 .home__section-img a img
 {
     width: 100%;
+}
+/* dream Section */
+.Dream__section
+{
+    display: flex;
+    justify-content: space-evenly;
+    align-items: center;
+    background: url(img/dream-bg.png);
+    background-repeat: no-repeat;
+    background-position: right;
+}
+.Dream__section-img a img
+{
+    width: 100%;
+}
+.Dream__section-content 
+{
+    width: 40%;
+}
+.Dream__section-content h2
+{
+    font-size: 40px;
+    font-weight: 900;
+    line-height: 80px;
+    margin-bottom: 40px;
+}
+.Dream__section-content h4
+{
+    margin-bottom: 15px;
+    font-size: 20px;
+}
+.Dream__section-content p
+{
+    color: #9EA09E;
+    margin-bottom: 40px;
+}
+.Dream__section-content a
+{
+    text-decoration: none;
+    padding: 1.2em 2.8em;
+    background: linear-gradient(45deg, lightsalmon, tomato);
+    color: #FFF;
+    border-radius: 1rem;
+}
+
+.Dream__section-content a:hover
+{
+    background: linear-gradient(45deg, tomato , lightsalmon);
+}
+/* Experence */
+.main__Experence__section
+{
+    display: flex;
+    justify-content: space-evenly;
+    align-items: center;
+}
+.Experence__section-header h1
+{
+    margin: 100px 50px;
+    font-size: 40px;
+}
+.main__Experence__section-tab1,
+.main__Experence__section-tab2
+{
+    width: 45%;
+    margin-bottom: 100px;
+    padding: 100px 80px;
+    box-shadow: 5px 7px 40px rgba(0, 0, 0, 0.5);   
+}
+.main__Experence__section-tab1 h2,
+.main__Experence__section-tab2 h2
+{
+    font-size: 50px;
+}
+.main__Experence__section-tab1 h4,
+.main__Experence__section-tab2 h4
+{
+    color: #FB6957;
+    margin: 20px 0;
+}
+.main__Experence__section-tab1{
+    border-left: 7px solid;
+    border-image: linear-gradient(180deg, lightsalmon, tomato);
+    border-image-slice: 1;
+    /* transition: 0.1s; */
+}
+.main__Experence__section-tab1:hover
+{
+    border-left: 7px solid;
+    border-image: linear-gradient(180deg, tomato, lightsalmon);
+    border-image-slice: 1;
+}
+.main__Experence__section-tab2{
+    border-left: 7px solid;
+    border-image: linear-gradient(180deg, blue, cyan);
+    border-image-slice: 1;
+    /* transition: 0.1s; */
+}
+.main__Experence__section-tab2:hover
+{ 
+    border-left: 7px solid;
+    border-image: linear-gradient(180deg, cyan, blue);
+    border-image-slice: 1;
+}
+/* footer */
+.fotter
+{
+    width: 100%;
+    border-top: 1px solid rgba(0, 0, 0, 0.1);
+}
+.fotter p
+{
+    text-align: center;
+    font-size: 15px;
+    color: #9EA09E;
+    margin: 20px 0;
 }