@extends('layouts.main') <!-- using main layout that is in the layouts folder -->



    @section('content')

            <!-- BLADE SYNTAX-->

    <!--

Slider start

============================== -->

    <section id="slider">

        <div class="container">

            <div class="row">

                <div class="col-md-12">

                    <div class="block wow fadeInUp" data-wow-duration="500ms" data-wow-delay="300ms">

                        <div class="title">

                            <h3>What <span>WE</span> can cook</h3>

                        </div>

                        <div id="owl-example" class="owl-carousel">

                            <div>



                                <a href="{{url('/home/5')}}"><img class="img-responsive" src="images/slider/slider-img-5.jpg" alt=""></a>

                            </div>

                            <div>

                                <a href="{{url('/home/5')}}"><img class="img-responsive" src="images/slider/slider-img-6.jpg" alt=""></a>

                            </div>

                            <div>

                                <a href="{{url('/home/5')}}"><img class="img-responsive" src="images/slider/slider-img-7.jpg" alt=""></a>

                            </div>

                            <div>

                                <a href="{{url('/home/5')}}"><img class="img-responsive" src="images/slider/slider-img-8.jpg" alt=""></a>

                            </div>

                            <div>

                                <a href="{{url('/home/5')}}"><img class="img-responsive" src="images/slider/slider-img-1.jpg" alt=""></a>

                            </div>

                            <div>

                                <a href="{{url('/home/5')}}"><img class="img-responsive" src="images/slider/slider-img-2.jpg" alt=""></a>

                            </div>

                            <div>

                                <a href="{{url('/home/5')}}"><img class="img-responsive" src="images/slider/slider-img-3.jpg" alt=""></a>

                            </div>

                            <div>

                                <a href="{{url('/home/5')}}"><img class="img-responsive" src="images/slider/slider-img-4.jpg" alt=""></a>

                            </div>



                        </div>

                    </div>

                </div><!-- .col-md-12 close -->

            </div><!-- .row close -->

        </div><!-- .container close -->

    </section><!-- slider close -->



    <!--

        about-us start

        ============================== -->

    <section id="about-us">

        <div class="container">

            <div class="row">

                <div class="col-md-12">

                    <div class="block">

                        <img class="wow fadeInUp" data-wow-duration="300ms" data-wow-delay="400ms" src="images/cooker-img.png" alt="cooker-img">

                        <img class="wow fadeInUp" data-wow-duration="300ms" data-wow-delay="400ms" src="images/stay.png" alt="cooker-img" style="height: 200px;">

                        <h1 class="heading wow fadeInUp" data-wow-duration="400ms" data-wow-delay="500ms" > <span>Cookini</span> cooks with you! </br> Just <span>TALK</span> to me!

                        </h1>

                        <p class="wow fadeInUp" data-wow-duration="300ms" data-wow-delay="600ms">

                            The whole concept of the Cookini is cooking with you. Cookini will help you during your cooking. You can talk to me by simply saying <br/>

                            "Start" to start working with me. I will read you the first step :) By simply saying "Next" or "Previous" you can ask me <br/>

                             to move among the steps of the recipe I can also show you the ingredients list if you say "Ingredients" in case if you forgot some of them. <br/>

                            I am waiting for you to choose the recipe so we can talk :)

                        </p>

                    </div>

                </div><!-- .col-md-12 close -->

            </div><!-- .row close -->

        </div><!-- .containe close -->

    </section><!-- #call-to-action close -->







<!--

    blog start

    ============================ -->

<section id="blog">

    <div class="container">

        <div class="row">

            <div class="col-md-12" style="padding-left: 0px;">

                <div class="block">

                    <h1 class="heading">Our <span>Recipes</span></h1>

                    <ul>

                        <li class="wow fadeInLeft" data-wow-duration="300ms" data-wow-delay="300ms">

                            <div class="blog-img">

                                <a href="{{url('/home/5')}}"> <img src="images/blog/blog-img-1.jpg" alt="blog-img"> </a>

                            </div>

                            <div class="content-right">

                                <a href="{{url('/home/5')}}"><h3>Ukrainian Borsch</h3></a>

                                <p>Borsch is a tart soup popular in several East European cuisines is cooking with love and...</p>

                            </div>

                        </li>

                        <li class="wow fadeInLeft" data-wow-duration="300ms" data-wow-delay="400ms">

                            <div class="blog-img">

                                <a href="{{url('/home/5')}}"><img src="images/blog/blog-img-2.jpg" alt="blog-img"></a>

                            </div>

                            <div class="content-right">

                                <a href="{{url('/home/5')}}"><h3>Czech waffles</h3></a>

                                <p>Made-from-scratch waffles are ready in less than 30 minutes with this basic waffle recipe...</p>

                            </div>

                        </li>

                        <li class="wow fadeInLeft" data-wow-duration="300ms" data-wow-delay="500ms">

                            <div class="content-left">

                                <a href="{{url('/home/5')}}"><h3>The BEST steak ever!</h3></a>

                                <p>This recipe is based on the southern Japanese dish tataki...</p>

                            </div>

                            <div class="blog-img-2">

                                <a href="{{url('/home/5')}}"><img src="images/blog/blog-img-3.jpg" alt="blog-img"></a>

                            </div>

                        </li>

                        <li class="wow fadeInLeft" data-wow-duration="300ms" data-wow-delay="600ms">

                            <div class="content-left">

                                <a href="{{url('/home/5')}}"><h3>Bavarian sausages</h3></a>

                                <p>My mom, who's a great cook, shared the recipe for this easy skillet meal...</p>

                            </div>

                            <div class="blog-img-2">

                                <a href="{{url('/home/5')}}"><img src="images/blog/blog-img-4.jpg" alt="blog-img"></a>

                            </div>

                        </li>

                        <li class="wow fadeInLeft" data-wow-duration="300ms" data-wow-delay="700ms">

                            <div class="blog-img">

                                <a href="{{url('/home/5')}}"><img src="images/blog/blog-img-5.jpg" alt="blog-img"></a>

                            </div>

                            <div class="content-right">

                                <a href="{{url('/home/5')}}"><h3>Pancakes like from Granny</h3></a>

                                <p>This is a great recipe that I found in my Grandma's recipe book. Judging...</p>

                            </div>

                        </li>

                        <li class="wow fadeInUp" data-wow-duration="300ms" data-wow-delay="800ms">

                            <div class="blog-img">

                                <a href="{{url('/home/5')}}"><img src="images/blog/blog-img-6.jpg" alt="blog-img"></a>

                            </div>

                            <div class="content-right">

                                <a href="{{url('/home/5')}}"><h3>My favourite salad</h3></a>

                                <p>he salad I could eat every day for the rest of my life, and never get sick...</p>

                            </div>

                        </li>

                    </ul>

                </div>

            </div><!-- .col-md-12 close -->

        </div><!-- .row close -->

    </div><!-- .containe close -->

</section><!-- #blog close -->







<!--

    footer  start

    ============================= -->

<section id="footer">

    <div class="container">

        <div class="row">

            <div class="col-md-4">

                <div class="block wow fadeInLeft"  data-wow-delay="200ms">

                    <h3>CONTACT <span>INFO</span></h3>

                    <div class="info">

                        <ul>

                            <li>

                                <h4><i class="fa fa-phone"></i>Telefone</h4>

                                <p>+1 (647) 936 7479</p>



                            </li>

                            <li>

                                <h4><i class="fa fa-envelope"></i>E mail</h4>

                                <p>helena.boitsova@gmail.com - Helena</p>



                            </li>

                        </ul>

                    </div>

                </div>

            </div>

            <!-- .col-md-4 close -->

            <div class="col-md-4">

                <div class="block wow fadeInLeft"  data-wow-delay="700ms">

                    <h3>LATEST <span>RECIPES</span></h3>

                    <div class="blog">

                        <ul>

                            @foreach($recipe as $c)

                                <li>

                                    <h4><a href="{{url('/home',$c->Id_recipe)}}">{{ $c->Name }}</a></h4>

                                </li>

                                <!-- url function passes id to the next view-->

                            @endforeach

                        </ul>

                    </div>

                </div>

            </div>

            <!-- .col-md-4 close -->

            <div class="col-md-4">

                <div class="block wow fadeInLeft"  data-wow-delay="1100ms">



                    <div class="social-media-link">

                        <h3>Follow <span>US</span></h3>

                        <ul>

                            <li>

                                <a href="#">

                                    <i class="fa fa-twitter"></i>

                                </a>

                            </li>

                            <li>

                                <a href="#">

                                    <i class="fa fa-facebook"></i>

                                </a>

                            </li>

                            <li>

                                <a href="#">

                                    <i class="fa fa-vk"></i>

                                </a>

                            </li>

                            <li>

                                <a href="#">

                                    <i class="fa fa-spotify"></i>

                                </a>

                            </li>

                        </ul>

                    </div>

                </div>

            </div>

            <!-- .col-md-4 close -->

        </div><!-- .row close -->

    </div><!-- .containe close -->

</section><!-- #footer close -->















 {{--  <ul>

        @foreach($recipe as $c)

            <li><a href="{{url('/home',$c->Id_recipe)}}">{{ $c->Name }}</a>

            </li>

            <!-- url function passes id to the next view-->

        @endforeach

   </ul>

--}}



@endsection