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> |
||||
|
||||
<p align="center"> |
||||
<a href="https://github.com/laravel/framework/actions"><img src="https://github.com/laravel/framework/workflows/tests/badge.svg" alt="Build Status"></a> |
||||
<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> |
||||
<a href="https://packagist.org/packages/laravel/framework"><img src="https://img.shields.io/packagist/l/laravel/framework" alt="License"></a> |
||||
</p> |
||||
|
||||
## About Laravel |
||||
|
||||
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: |
||||
|
||||
- [Simple, fast routing engine](https://laravel.com/docs/routing). |
||||
- [Powerful dependency injection container](https://laravel.com/docs/container). |
||||
- Multiple back-ends for [session](https://laravel.com/docs/session) and [cache](https://laravel.com/docs/cache) storage. |
||||
- Expressive, intuitive [database ORM](https://laravel.com/docs/eloquent). |
||||
- Database agnostic [schema migrations](https://laravel.com/docs/migrations). |
||||
- [Robust background job processing](https://laravel.com/docs/queues). |
||||
- [Real-time event broadcasting](https://laravel.com/docs/broadcasting). |
||||
|
||||
Laravel is accessible, powerful, and provides tools required for large, robust applications. |
||||
|
||||
## Learning Laravel |
||||
|
||||
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. |
||||
|
||||
You may also try the [Laravel Bootcamp](https://bootcamp.laravel.com), where you will be guided through building a modern Laravel application from scratch. |
||||
|
||||
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. |
||||
|
||||
## Laravel Sponsors |
||||
|
||||
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). |
||||
# Installation |
||||
|
||||
## Lancer windows sub-system for linux |
||||
lancer un cmd |
||||
``` |
||||
wsl --install -d Ubuntu |
||||
``` |
||||
Vous etes maintenant dans un terminal linux |
||||
|
||||
## Installer docker |
||||
dans linux installer docker |
||||
<a href="https://docs.docker.com/engine/install/ubuntu/">documentation docker</a> |
||||
|
||||
## Installer lando |
||||
dans linux installer lando |
||||
<a href="https://docs.lando.dev/install/linux.html">documentation lando</a> |
||||
|
||||
## Lancer le projet |
||||
installer git... |
||||
lancer ces commands |
||||
``` |
||||
git clone https://github.com/anulax1225/mavisite |
||||
cd mavisite |
||||
cp .env.example .env |
||||
lando start |
||||
lando composer install |
||||
lando php artisan key:gen |
||||
lando php artisan migrate |
||||
lando npmi |
||||
lando dev |
||||
``` |
||||
|
||||
puis se rendre a l'adresse <a href="https://viewer360.lndo.site">https://viewer360.lndo.site</a> |
||||
|
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") |
||||
|
||||
@section("content") |
||||
<div class="flex flex-col w-3/4 h-full"> |
||||
<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">--> |
||||
<p class="text-[90px] font-bold mt-10 text-white w-2/3">Viewer 360°</p> |
||||
<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> |
||||
<div class="relative flex flex-col items-center justify-center overflow-hidden mt-12"> |
||||
<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"> |
||||
<h5 class="text-[6rem] font-bold mx-auto leading-none">MaVisite360°</h5> |
||||
<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> |
||||
@endsection |
||||
Loading…
Reference in New Issue