60 lines
2.2 KiB
HTML
60 lines
2.2 KiB
HTML
<ion-app>
|
|
<ion-header>
|
|
<ion-toolbar style="--border-width:0; --background:#000;" class="mt-2">
|
|
<ion-buttons slot="start">
|
|
<ion-button class="ml-2">
|
|
<ion-icon class="text-white" name="person-add"></ion-icon>
|
|
</ion-button>
|
|
</ion-buttons>
|
|
|
|
<ion-title>Be Ready</ion-title>
|
|
|
|
<ion-buttons slot="end">
|
|
<ion-button class="mr-2">
|
|
<ion-icon class="text-white" name="person"></ion-icon>
|
|
</ion-button>
|
|
</ion-buttons>
|
|
</ion-toolbar>
|
|
</ion-header>
|
|
|
|
<ion-content>
|
|
|
|
<ion-segment class="m-2 ml-4 w-11/12">
|
|
<ion-segment-button value="default" content-id="menu">
|
|
<ion-label>Menu</ion-label>
|
|
</ion-segment-button>
|
|
|
|
<ion-segment-button value="second" content-id="groupes">
|
|
<ion-label>Groupes</ion-label>
|
|
</ion-segment-button>
|
|
</ion-segment>
|
|
|
|
<ion-segment-view style="background: red">
|
|
<ion-segment-content id="menu">Menu</ion-segment-content>
|
|
<ion-segment-content id="groupes">Groupes</ion-segment-content>
|
|
</ion-segment-view>
|
|
|
|
</ion-content>
|
|
|
|
<ion-footer>
|
|
<ion-toolbar style="--border-width:0; --background:#000" class="mb-3">
|
|
<ion-buttons class="flex gap-6 justify-center w-full">
|
|
<ion-button>
|
|
<ion-icon name="people" class="text-white text-3xl"></ion-icon>
|
|
</ion-button>
|
|
<ion-button>
|
|
<ion-icon slot="icon-only" name="chatbubbles" class="text-white text-2xl"></ion-icon>
|
|
</ion-button>
|
|
<ion-button>
|
|
<ion-icon slot="icon-only" name="home" class="text-white text-2xl"></ion-icon>
|
|
</ion-button>
|
|
<ion-button>
|
|
<ion-icon name="ribbon" class="text-white text-2xl"></ion-icon>
|
|
</ion-button>
|
|
<ion-button>
|
|
<ion-icon name="cog" class="text-white text-3xl"></ion-icon>
|
|
</ion-button>
|
|
</ion-buttons>
|
|
</ion-toolbar>
|
|
</ion-footer>
|
|
</ion-app> |