How to design welcome profile page in laravel

How to design welcome profile page in laravel

  March 27, 2017    Yogesh

---

In this video i will show you how to design welcome.blade.php page in laravel.

1. Create new Project:

we can create project using following command :

composer create-project --prefer-dist laravel/laravel Projectname

2. Create welcome.blade.php file:

we can easily create blade.php file just click on resources then right click on views folder and create new file. but once we create new project already created one welcome.blade.php file edit on that file.

welcome.blade.php 

@extends('layouts.app')
@section('title','| Home')
@section('content')
<div class="container">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<div class="row jumbotron" style="margin: 15px; padding: 15px;">
<div class="col-sm-4">
          <img src="img/pic1.jpg" class="img-responsive img-thumbnail" />
      </div>
     <div class="col-sm-8">
         <h3>This is My Heading.....</h3>
            <p>Yogesh is an Indian masculine given name. The Sanskrit word yogeśa is a compound of the words yoga and īśa and has the meaning "master of yoga". It has also been used to refer to Shiva.Shahid Kapoor (pronounced born 25 February 1981), also known as Shahid Khattar, is an Indian actor who appears in Hindi films. The son of actors Pankaj Kapur and Neelima Azeem, Kapoor was born in New Delhi. His parents separated when he was three, and he continued living with his mother. They moved to Mumbai when has was 10, where he joined Shiamak Davar's dance academy.
            </p>
      </div>
      
    </div>
    <div class="well" style="margin: 15px; padding: 15px;"">
        <h3>Welcome to My Blog</h3>
      </div>

      <div class="row">
      <div class="col-sm-8" style="text-align: justify;">
      <h3>Yogesh Yashwant Adigare Profile</h3>
      <p><img src="img/pic3.jpg" class="img-responsive img-thumbnail" width="250" align="left" vspace="5" hspace="5" />Yogesh is an Indian masculine given name. The Sanskrit word yogeśa is a compound of the words yoga and īśa and has the meaning "master of yoga". It has also been used to refer to Shiva.Shahid Kapoor (pronounced [ʃaːɦɪd̪ kəˈpuːr]; born 25 February 1981), also known as Shahid Khattar, is an Indian actor who appears in Hindi films. The son of actors Pankaj Kapur and Neelima Azeem, Kapoor was born in New Delhi. His parents separated when he was three, and he continued living with his mother. They moved to Mumbai when has was 10, where he joined Shiamak Davar's dance academy.</p>
      <p>Yogesh is an Indian masculine given name. The Sanskrit word yogeśa is a compound of the words yoga and īśa and has the meaning "master of yoga". It has also been used to refer to Shiva.Shahid Kapoor (pronounced [ʃaːɦɪd̪ kəˈpuːr]; born 25 February 1981), also known as Shahid Khattar, is an Indian actor who appears in Hindi films. The son of actors Pankaj Kapur and Neelima Azeem, Kapoor was born in New Delhi. His parents separated when he was three, and he continued living with his mother. They moved to Mumbai when has was 10, where he joined Shiamak Davar's dance academy.
      </p>
      <hr>
      <p><img src="img/pic7.jpg" class="img-responsive img-thumbnail" width="250" align="left" vspace="5" hspace="5" />Yogesh is an Indian masculine given name. The Sanskrit word yogeśa is a compound of the words yoga and īśa and has the meaning "master of yoga". It has also been used to refer to Shiva.Shahid Kapoor (pronounced [ʃaːɦɪd̪ kəˈpuːr]; born 25 February 1981), also known as Shahid Khattar, is an Indian actor who appears in Hindi films. The son of actors Pankaj Kapur and Neelima Azeem, Kapoor was born in New Delhi. His parents separated when he was three, and he continued living with his mother. They moved to Mumbai when has was 10, where he joined Shiamak Davar's dance academy.</p>
      <p>Yogesh is an Indian masculine given name. The Sanskrit word yogeśa is a compound of the words yoga and īśa and has the meaning "master of yoga". It has also been used to refer to Shiva.Shahid Kapoor (pronounced [ʃaːɦɪd̪ kəˈpuːr]; born 25 February 1981), also known as Shahid Khattar, is an Indian actor who appears in Hindi films. The son of actors Pankaj Kapur and Neelima Azeem, Kapoor was born in New Delhi. His parents separated when he was three, and he continued living with his mother. They moved to Mumbai when has was 10, where he joined Shiamak Davar's dance academy. Shahid Kapoor was born in New Delhi on 25 February 1981 to actor Pankaj Kapur and actor-dancer Neelima Azeem.[1][2] His parents divorced when he was three years old; his father shifted to Mumbai (and married the actress Supriya Pathak) and Kapoor continued living in Delhi with his mother and maternal grandparents.[3][4] His grandparents were journalists for the Russian magazine Sputnik, and Kapoor was particularly fond of his grandfather: "He would walk me to school every single day. He would talk to me about dad, with whom he shared a great relationship, and read out his letters to me."[3] His father, who was then a struggling actor in Mumbai, would visit Kapoor only once a year on his birthday.Yogesh is an Indian masculine given name. The Sanskrit word yogeśa is a compound of the words yoga and īśa and has the meaning "master of yoga". It has also been used to refer to Shiva.Shahid Kapoor (pronounced [ʃaːɦɪd̪ kəˈpuːr]; born 25 February 1981), also known as Shahid Khattar, is an Indian actor who appears in Hindi films.
      </p>
        
      </div>
       <div class="col-sm-4">
          <div class="panel panel-primary">
          <div class="panel-heading">
            Latest News
          </div>
          <div class="panel-body">
            <p><img src="img/pic2.jpg" class="img-responsive img-thumbnail" width="100" align="left" hspace="3" vspace="3" />Yogesh is an Indian masculine given name. The Sanskrit word yogeśa is a compound of the words yoga and īśa and has the meaning "master of yoga". It has also been used to refer to Shiva.Shahid Kapoor (pronounced [ʃaːɦɪd̪ kəˈpuːr]; born 25 February 1981), also known as Shahid Khattar, is an Indian actor who appears in Hindi films.
            </p>
          </div>
          <div class="panel-body">
            <p><img src="img/pic4.jpg" class="img-responsive img-thumbnail" width="100" align="left" hspace="3" vspace="3" />Yogesh is an Indian masculine given name. The Sanskrit word yogeśa is a compound of the words yoga and īśa and has the meaning "master of yoga". It has also been used to refer to Shiva.Shahid Kapoor (pronounced [ʃaːɦɪd̪ kəˈpuːr]; born 25 February 1981), also known as Shahid Khattar, is an Indian actor who appears in Hindi films.
            </p>
          </div>
          <div class="panel-body">
            <p><img src="img/pic5.jpg" class="img-responsive img-thumbnail" width="100" align="left" hspace="3" vspace="3" />Yogesh is an Indian masculine given name. The Sanskrit word yogeśa is a compound of the words yoga and īśa and has the meaning "master of yoga". It has also been used to refer to Shiva.Shahid Kapoor (pronounced [ʃaːɦɪd̪ kəˈpuːr]; born 25 February 1981), also known as Shahid Khattar, is an Indian actor who appears in Hindi films.
            </p>
          </div>
          <div class="panel-body">
            <p><img src="img/pic10.jpg" class="img-responsive img-thumbnail" width="100" align="left" hspace="3" vspace="3" />Yogesh is an Indian masculine given name. The Sanskrit word yogeśa is a compound of the words yoga and īśa and has the meaning "master of yoga". It has also been used to refer to Shiva.Shahid Kapoor (pronounced [ʃaːɦɪd̪ kəˈpuːr]; born 25 February 1981), also known as Shahid Khattar, is an Indian actor who appears in Hindi films.
            </p>
          </div>
            
          </div>
        
      </div>
      </div>
      <div class="row">
      <div class="col-sm-4">
        <div class="panel panel-primary">
          <div class="panel-heading">
            Yogesh Yashwant Adigare 1
          </div>
          <div class="panel-body">
            <p><img src="img/pic6.jpg" class="img-responsive img-thumbnail" width="100" align="left" vspace="3" hspace="3">
              Yogesh is an Indian masculine given name. The Sanskrit word yogeśa is a compound of the words yoga and īśa and has the meaning "master of yoga". It has also been used to refer to Shiva.Shahid Kapoor (pronounced [ʃaːɦɪd̪ kəˈpuːr]; born 25 February 1981), also known as Shahid Khattar, is an Indian actor who appears in Hindi films.
            </p>
          </div>
          
        </div>
      </div>
      <div class="col-sm-4">
        <div class="panel panel-success">
        <div class="panel-heading">
          Yogesh Yashwant Adigare 2
        </div>
        <div class="panel-body">
          <p><img src="img/pic8.jpg" class="img-responsive img-thumbnail" width="100" align="left" vspace="3" hspace="3">Yogesh is an Indian masculine given name. The Sanskrit word yogeśa is a compound of the words yoga and īśa and has the meaning "master of yoga". It has also been used to refer to Shiva.Shahid Kapoor (pronounced [ʃaːɦɪd̪ kəˈpuːr]; born 25 February 1981), also known as Shahid Khattar, is an Indian actor who appears in Hindi films.</p>
        </div>
          
        </div>
      </div>
      <div class="col-sm-4">
        <div class="panel panel-danger">
        <div class="panel-heading">
          Yogesh Yashwant Adigare 3
        </div>
        <div class="panel-body">
          <p><img src="img/pic9.jpg" class="img-responsive img-thumbnail" width="100" align="left" vspace="3" hspace="3">Yogesh is an Indian masculine given name. The Sanskrit word yogeśa is a compound of the words yoga and īśa and has the meaning "master of yoga". It has also been used to refer to Shiva.Shahid Kapoor (pronounced [ʃaːɦɪd̪ kəˈpuːr]; born 25 February 1981), also known as Shahid Khattar, is an Indian actor who appears in Hindi films.</p>
        </div>
          
        </div>
      </div>
        
      </div>

    <!-- <div class="row">
        <div class="col-md-10 col-md-offset-1">
            <div class="panel panel-default">
                <div class="panel-heading">Welcome</div>

                <div class="panel-body">
                    Your Application's Landing Page.
                </div>
            </div>
        </div>
    </div> -->
</div>
@endsection

3. Create PageController.php

 public function getindex()
    {
     return view('Pages.welcome');
    }

4. Create route.php

Route::get('/', 'PageController@getindex');