parent
72b2c2c1a7
commit
ffd5c50da9
12 changed files with 181 additions and 107 deletions
@ -1,66 +1,33 @@ |
|||||||
<p align="center"><a href="https://laravel.com" target="_blank"><img src="https://raw.githubusercontent.com/laravel/art/master/logo-lockup/5%20SVG/2%20CMYK/1%20Full%20Color/laravel-logolockup-cmyk-red.svg" width="400" alt="Laravel Logo"></a></p> |
# Installation |
||||||
|
|
||||||
<p align="center"> |
## Lancer windows sub-system for linux |
||||||
<a href="https://github.com/laravel/framework/actions"><img src="https://github.com/laravel/framework/workflows/tests/badge.svg" alt="Build Status"></a> |
lancer un cmd |
||||||
<a href="https://packagist.org/packages/laravel/framework"><img src="https://img.shields.io/packagist/dt/laravel/framework" alt="Total Downloads"></a> |
``` |
||||||
<a href="https://packagist.org/packages/laravel/framework"><img src="https://img.shields.io/packagist/v/laravel/framework" alt="Latest Stable Version"></a> |
wsl --install -d Ubuntu |
||||||
<a href="https://packagist.org/packages/laravel/framework"><img src="https://img.shields.io/packagist/l/laravel/framework" alt="License"></a> |
``` |
||||||
</p> |
Vous etes maintenant dans un terminal linux |
||||||
|
|
||||||
## About Laravel |
## Installer docker |
||||||
|
dans linux installer docker |
||||||
Laravel is a web application framework with expressive, elegant syntax. We believe development must be an enjoyable and creative experience to be truly fulfilling. Laravel takes the pain out of development by easing common tasks used in many web projects, such as: |
<a href="https://docs.docker.com/engine/install/ubuntu/">documentation docker</a> |
||||||
|
|
||||||
- [Simple, fast routing engine](https://laravel.com/docs/routing). |
## Installer lando |
||||||
- [Powerful dependency injection container](https://laravel.com/docs/container). |
dans linux installer lando |
||||||
- Multiple back-ends for [session](https://laravel.com/docs/session) and [cache](https://laravel.com/docs/cache) storage. |
<a href="https://docs.lando.dev/install/linux.html">documentation lando</a> |
||||||
- Expressive, intuitive [database ORM](https://laravel.com/docs/eloquent). |
|
||||||
- Database agnostic [schema migrations](https://laravel.com/docs/migrations). |
## Lancer le projet |
||||||
- [Robust background job processing](https://laravel.com/docs/queues). |
installer git... |
||||||
- [Real-time event broadcasting](https://laravel.com/docs/broadcasting). |
lancer ces commands |
||||||
|
``` |
||||||
Laravel is accessible, powerful, and provides tools required for large, robust applications. |
git clone https://github.com/anulax1225/mavisite |
||||||
|
cd mavisite |
||||||
## Learning Laravel |
cp .env.example .env |
||||||
|
lando start |
||||||
Laravel has the most extensive and thorough [documentation](https://laravel.com/docs) and video tutorial library of all modern web application frameworks, making it a breeze to get started with the framework. |
lando composer install |
||||||
|
lando php artisan key:gen |
||||||
You may also try the [Laravel Bootcamp](https://bootcamp.laravel.com), where you will be guided through building a modern Laravel application from scratch. |
lando php artisan migrate |
||||||
|
lando npmi |
||||||
If you don't feel like reading, [Laracasts](https://laracasts.com) can help. Laracasts contains thousands of video tutorials on a range of topics including Laravel, modern PHP, unit testing, and JavaScript. Boost your skills by digging into our comprehensive video library. |
lando dev |
||||||
|
``` |
||||||
## Laravel Sponsors |
|
||||||
|
puis se rendre a l'adresse <a href="https://viewer360.lndo.site">https://viewer360.lndo.site</a> |
||||||
We would like to extend our thanks to the following sponsors for funding Laravel development. If you are interested in becoming a sponsor, please visit the [Laravel Partners program](https://partners.laravel.com). |
|
||||||
|
|
||||||
### Premium Partners |
|
||||||
|
|
||||||
- **[Vehikl](https://vehikl.com/)** |
|
||||||
- **[Tighten Co.](https://tighten.co)** |
|
||||||
- **[WebReinvent](https://webreinvent.com/)** |
|
||||||
- **[Kirschbaum Development Group](https://kirschbaumdevelopment.com)** |
|
||||||
- **[64 Robots](https://64robots.com)** |
|
||||||
- **[Curotec](https://www.curotec.com/services/technologies/laravel/)** |
|
||||||
- **[Cyber-Duck](https://cyber-duck.co.uk)** |
|
||||||
- **[DevSquad](https://devsquad.com/hire-laravel-developers)** |
|
||||||
- **[Jump24](https://jump24.co.uk)** |
|
||||||
- **[Redberry](https://redberry.international/laravel/)** |
|
||||||
- **[Active Logic](https://activelogic.com)** |
|
||||||
- **[byte5](https://byte5.de)** |
|
||||||
- **[OP.GG](https://op.gg)** |
|
||||||
|
|
||||||
## Contributing |
|
||||||
|
|
||||||
Thank you for considering contributing to the Laravel framework! The contribution guide can be found in the [Laravel documentation](https://laravel.com/docs/contributions). |
|
||||||
|
|
||||||
## Code of Conduct |
|
||||||
|
|
||||||
In order to ensure that the Laravel community is welcoming to all, please review and abide by the [Code of Conduct](https://laravel.com/docs/contributions#code-of-conduct). |
|
||||||
|
|
||||||
## Security Vulnerabilities |
|
||||||
|
|
||||||
If you discover a security vulnerability within Laravel, please send an e-mail to Taylor Otwell via [taylor@laravel.com](mailto:taylor@laravel.com). All security vulnerabilities will be promptly addressed. |
|
||||||
|
|
||||||
## License |
|
||||||
|
|
||||||
The Laravel framework is open-sourced software licensed under the [MIT license](https://opensource.org/licenses/MIT). |
|
||||||
|
After Width: | Height: | Size: 170 KiB |
|
After Width: | Height: | Size: 438 KiB |
@ -0,0 +1,11 @@ |
|||||||
|
@extends("layout") |
||||||
|
|
||||||
|
@section("content") |
||||||
|
<div class="flex flex-col w-3/4 mx-auto mt-12 pt-10"> |
||||||
|
<h1 class="px-3 text-[3rem] font-semibold">Demo</h1> |
||||||
|
<div class="rounded-lg overflow-hidden w-full h-3/4 mt-2 shadow-md shadow-gray-950"> |
||||||
|
<iframe src="https://tour.panoee.net/natadesa-endek/62621a50118202256c6ab134" class="w-full h-[500px]"></iframe> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
@endsection |
||||||
|
|
||||||
@ -1,11 +1,69 @@ |
|||||||
@extends("layout") |
@extends("layout") |
||||||
|
|
||||||
@section("content") |
@section("content") |
||||||
<div class="flex flex-col w-3/4 h-full"> |
<div class="relative flex flex-col items-center justify-center overflow-hidden mt-12"> |
||||||
<div class="relative w-full h-fit bg-no-repeat bg-cover flex items-center justify-center flex-col"> |
<img class="w-full absolute right-0 left-0 -z-10" src="/img/immo.jpg"> |
||||||
<!--<img class="w-full absolute right-0 left-0 -z-10" src="/img/immo.jpg">--> |
<div class="bg-gradient-to-t from-orange-500 to-orange-600 rounded-lg shadow-md shadow-gray-900 flex flex-col items-center p-10 mt-10 mb-10 w-fit"> |
||||||
<p class="text-[90px] font-bold mt-10 text-white w-2/3">Viewer 360°</p> |
<h5 class="text-[6rem] font-bold mx-auto leading-none">MaVisite360°</h5> |
||||||
<p class="text-lg font-semibold text-white w-2/3 mb-10 mt-2 p-5 rounded-lg bg-black/50">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer porta pretium risus. Curabitur eleifend maximus orci. Mauris a diam nec tortor posuere dapibus non ut mi. Quisque egestas tempor nibh, et efficitur nulla viverra eget. Aenean neque justo, sollicitudin sit amet vestibulum sed, posuere non mi. Nulla molestie diam felis. Curabitur a nisl pharetra, tempor dui ac, vestibulum ipsum. Fusce pulvinar dapibus orci commodo sodales. Maecenas mattis metus vitae turpis facilisis elementum. Donec luctus nunc porttitor ipsum imperdiet aliquet. Maecenas orci lectus, maximus vel ultricies ac, tristique a purus. Vestibulum at dui magna. Fusce a urna varius, varius massa eget, efficitur ligula. Nam elementum lorem urna. Pellentesque in magna elit. </p> |
<h5 class="text-[1.2rem] italic text-center mx-auto">Ma visite, mon choix à 360°</h5> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
<div class="flex flex-col w-3/4 h-fit mx-auto mb-10"> |
||||||
|
<h1 class="mt-10 px-3 text-[3rem] font-bold">Histoire</h1> |
||||||
|
<h2 class="px-3 mx-auto text-[1.4rem] font-semibold">Fondée en 2024 et basée à Neuchâtel. MaVisite360 est une entreprise fictive spécialisée dans les technologies immersives, avec un site web accessible sous le nom de domaine mv360.ch.</h2> |
||||||
|
<h2 class="mt-5 px-3 mx-auto text-[1.1rem]">MaVisite360 propose un service novateur de visites virtuelles immersives 360°, destiné principalement aux agences immobilières. Notre solution clé en main englobe toutes les étapes : prise de contact, capture de photos professionnelles, création de visites virtuelles interactives et hébergement en ligne. Cette approche permet une intégration simple et rapide sur les sites web des clients.</h2> |
||||||
|
<div class="w-full h-fit flex items-center justify-center flex-col"> |
||||||
|
<div class="mt-5 flex w-full"> |
||||||
|
<div class="w-1/3 p-3 m-3 bg-gradient-to-r from-orange-600 to-orange-500 shadow-md shadow-gray-900 rounded-lg"> |
||||||
|
<h5 class="text-[2rem] font-bold w-full text-center">Vision</h5> |
||||||
|
<h5 class="px-2 text-[1.2rem] font-semibold">Transformer la présentation immobilière en une expérience immersive, accessible et sans contraintes.</h5> |
||||||
|
</div> |
||||||
|
<div class="w-1/3 p-3 m-3 bg-gradient-to-r from-orange-500 to-orange-600 shadow-md shadow-gray-900 rounded-lg"> |
||||||
|
<h5 class="text-[2rem] font-bold text-center">Valeurs</h5> |
||||||
|
<ul class="text-gray-150 text-[1.2rem] list-disc px-5"> |
||||||
|
<li><h5 class="font-semibold">Innovation</h5></li> |
||||||
|
<li><h5 class="font-semibold">Simplicité</h5></li> |
||||||
|
<li><h5 class="font-semibold">Professionnalisme</h5></li> |
||||||
|
</ul> |
||||||
|
</div> |
||||||
|
<div class="w-1/3 p-3 m-3 bg-gradient-to-r from-orange-500 to-orange-600 shadow-md shadow-gray-900 rounded-lg"> |
||||||
|
<h5 class="text-[2rem] font-bold text-center">Mission</h5> |
||||||
|
<h5 class="px-2 text-[1.2rem] pb-2 font-semibold">Offrir une solution clé en main de visites virtuelles 360°, permettant aux agences immobilières et autres secteurs de valoriser leurs espaces et de gagner en efficacité.</h5> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
|
||||||
|
<h1 class="px-3 text-[3rem] font-semibold mt-7">Services et offres</h1> |
||||||
|
<div class="w-full px-3"> |
||||||
|
<div class="w-full p-5 bg-gradient-to-r from-orange-500 to-orange-600 shadow-md shadow-gray-900 rounded-lg"> |
||||||
|
<ul class="text-gray-150 text-[1.3rem] list-disc px-5"> |
||||||
|
<li><h5 class="font-semibold">Capture des photos haute définition en 360°.</h5></li> |
||||||
|
<li><h5 class="font-semibold">Création de visites virtuelles interactives via Panoee.</h5></li> |
||||||
|
<li><h5 class="font-semibold">Hébergement en ligne sur une plateforme accessible (mv360.ch).</h5></li> |
||||||
|
</ul> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
<div class="w-full flex justify-between mt-5"> |
||||||
|
<div class="w-1/2 p-[2px] m-2 bg-gradient-to-r from-orange-400 to-orange-600 shadow-md shadow-gray-900 rounded-lg"> |
||||||
|
<div class="w-full h-full bg-gray-900 rounded-md p-5"> |
||||||
|
<h1 class="text-[2rem] font-bold ">Forfait unique</h1> |
||||||
|
<ul class="text-gray-150 text-[1.3rem] list-disc px-5 mt-2"> |
||||||
|
<li><h5 class="text-[1rem]">Prise des photo de votre visite</h5></li> |
||||||
|
<li><h5 class="text-[1rem]">Création de la visite virtuelle</h5></li> |
||||||
|
<li><h5 class="text-[1rem]">Hébergement (inclue des frais supplémentaire)</h5></li> |
||||||
|
</ul> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
<div class="w-1/2 p-[2px] m-2 bg-gradient-to-r from-orange-400 to-orange-600 shadow-md shadow-gray-900 rounded-lg"> |
||||||
|
<div class="w-full h-full bg-gray-900 rounded-md p-5"> |
||||||
|
<h1 class="text-[2rem] font-bold ">Forfait unique</h1> |
||||||
|
<ul class="text-gray-150 text-[1.3rem] list-disc px-5 mt-2"> |
||||||
|
<li><h5 class="text-[1rem]">Prise des photo de votre visite</h5></li> |
||||||
|
<li><h5 class="text-[1rem]">Création de la visite virtuelle</h5></li> |
||||||
|
<li><h5 class="text-[1rem]">Hébergement (inclue des frais supplémentaire)</h5></li> |
||||||
|
</ul> |
||||||
|
</div> |
||||||
|
</div> |
||||||
</div> |
</div> |
||||||
</div> |
</div> |
||||||
@endsection |
@endsection |
||||||
Loading…
Reference in New Issue