Eco:Dashboard

Card title

Some quick example text to build on the card title and make up the bulk of the card's content.

   <a href="#" class="btn btn-primary">Go somewhere</a>

Featured

Card title

Card subtitle

Some quick example text to build on the card title and make up the bulk of the card's content.

   <a href="#" class="card-link">Card link</a>
   <a href="#" class="card-link">Another link</a>

Featured

Card title

Card subtitle

Some quick example text to build on the card title and make up the bulk of the card's content.

   <a href="#" class="card-link">Card link</a>
   <a href="#" class="card-link">Another link</a>

Featured

Card title

Card subtitle

Some quick example text to build on the card title and make up the bulk of the card's content.

   <a href="#" class="card-link">Card link</a>
   <a href="#" class="card-link">Another link</a>

• [MediaWiki Pages]
• [Eco Pages]
• [Help Pages]
• [Modules]
• [Templates]
• [Category]
• [Mod Pages]

Special Pages

• MediaWiki:Mainpage - Main WiKi Page
• MediaWiki:Sidebar - Top WiKi menu

• MediaWiki:Sitenotice -
• MediaWiki:Copyright -
• MediaWiki:Deletereason-dropdown -

• Eco:About -
• Template:WikiCommunity -

• MediaWiki:Common.css -
• MediaWiki:Common.js -
• Special:SpecialPages

• Special:Version -
• Special:Log -
• Special:Categories -

Data

• Module:ItemData
• Module:AnimalData
• Module:CommandData
• Module:RecipeData
• Module:PlantData
• Module:TreeData
• Module:SkillData
• Module:TalentData
• Module:EcopediaData
• Module:EcoVersionData

Modules

• Module:Utils

• Module:GetRecipes
• Module:RecipeTable
• Module:CraftingParser

• Module:FoodDetails

• Module:SkillList
• Module:SkillDetails

• Module:CommandTable

• Module:TagDetails
• Module:TagList

• Module:Infobox_Item
• Module:Infobox_Plant
• Module:Infobox_Animal
• Module:Infobox_Skill

• Module:EcopediaString

Localization

• Module:Localization
• Module:LocalizationData

Templates

• Template:SkillList
• Template:SkillDetails
• Template:ChatCommands
• Template:RecipeTable
• Template:TagDetails
• Template:FoodDetails
• Template:Infobox Skill
• Template:Infobox Plant
• Template:Infobox Item
• Template:Infobox Animal

• Template:Mbox
• Template:contentneeded
• Template:imagesneeded
• Template:WikiCommunity

                 <a href="contacts.html" class="tile-link d-flex align-items-center flex-column text-center rounded-2">
                   <img src="assets/images/users.svg" class="img-3x m-auto mb-4" alt="Admin Dashboards">

Users

Manage admin people

                 </a>

                 <a href="#" class="tile-link d-flex align-items-center flex-column text-center rounded-2">
                   <img src="assets/images/group.svg" class="img-3x m-auto mb-4" alt="Admin Dashboards">

Groups

Create grouping lists

                 </a>

                 <a href="dashboard5.html" class="tile-link d-flex align-items-center flex-column text-center rounded-2">
                   <img src="assets/images/dashboard.svg" class="img-3x m-auto mb-4" alt="Admin Dashboards">

Dashboard

Insights about company

                 </a>

                 <a href="#" class="tile-link d-flex align-items-center flex-column text-center rounded-2">
                   <img src="assets/images/devices.svg" class="img-3x m-auto mb-4" alt="Admin Dashboards">

Devices

Secure data devices

                 </a>

                 <a href="#" class="tile-link d-flex align-items-center flex-column text-center rounded-2">
                   <img src="assets/images/apps.svg" class="img-3x m-auto mb-4" alt="Admin Dashboards">

Apps

Manage app settings

                 </a>

                 <a href="account-settings.html" class="tile-link d-flex align-items-center flex-column text-center rounded-2">
                   <img src="assets/images/security.svg" class="img-3x m-auto mb-4" alt="Admin Dashboards">

Security

Configure security logs

                 </a>

                 <a href="#" class="tile-link d-flex align-items-center flex-column text-center rounded-2">
                   <img src="assets/images/payments.svg" class="img-3x m-auto mb-4" alt="Admin Dashboards">

Billing

Manage subscribe bills

                 </a>

                 <a href="#" class="tile-link d-flex align-items-center flex-column text-center rounded-2">
                   <img src="assets/images/roles.svg" class="img-3x m-auto mb-4" alt="Admin Dashboards">

Roles

Manage admin roles

                 </a>

                 <a href="#" class="tile-link d-flex align-items-center flex-column text-center rounded-2">
                   <img src="assets/images/buildings.svg" class="img-3x m-auto mb-4" alt="Admin Dashboards">

Buildings

Manage building rooms

                 </a>

                 <a href="#" class="tile-link d-flex align-items-center flex-column text-center rounded-2">
                   <img src="assets/images/resources.svg" class="img-3x m-auto mb-4" alt="Admin Dashboards">

Resources

Manage our resources

                 </a>

                 <a href="#" class="tile-link d-flex align-items-center flex-column text-center rounded-2">
                   <img src="assets/images/domains.svg" class="img-3x m-auto mb-4" alt="Admin Dashboards">

Domains

Manage our domains

                 </a>

                 <a href="support.html" class="tile-link d-flex align-items-center flex-column text-center rounded-2">
                   <img src="assets/images/support.svg" class="img-3x m-auto mb-4" alt="Admin Dashboards">

Support

Talk to tech support

                 </a>

Изменить фон

Поменяйте местами утилиту background-color и добавьте цветовую утилиту `.text- *`, чтобы смешать внешний вид jumbotron. Затем смешайте и сопоставьте с дополнительными темами компонентов и многим другим..

         <button class="btn btn-outline-light" type="button">Пример кнопки</button>

Добавить границы

Или сделайте это светлым и добавьте границу для некоторого дополнительного определения границ вашего контента. Не забудьте заглянуть под капот на исходный HTML-код здесь, поскольку мы скорректировали выравнивание и размер содержимого обоих столбцов для одинаковой высоты.

         <button class="btn btn-outline-secondary" type="button">Пример кнопки</button>

<button type="button" data-bs-target="#myCarousel" data-bs-slide-to="0" class="active" aria-current="true" aria-label="Slide 1"></button>

<button type="button" data-bs-target="#myCarousel" data-bs-slide-to="1" aria-label="Slide 2"></button>

<button type="button" data-bs-target="#myCarousel" data-bs-slide-to="2" aria-label="Slide 3"></button>

<svg class="bd-placeholder-img" width="100%" height="100%" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" preserveAspectRatio="xMidYMid slice" focusable="false"><rect width="100%" height="100%" fill="#777"/></svg>

Пример заголовка.

Некоторое репрезентативное содержимое-заполнитель для первого слайда карусели.

<a class="btn btn-lg btn-primary" href="#">Sign up today</a>

<svg class="bd-placeholder-img" width="100%" height="100%" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" preserveAspectRatio="xMidYMid slice" focusable="false"><rect width="100%" height="100%" fill="#777"/></svg>

Другой пример заголовка.

Некоторое репрезентативное содержимое-заполнитель для второго слайда карусели.

<a class="btn btn-lg btn-primary" href="#">Learn more</a>

<svg class="bd-placeholder-img" width="100%" height="100%" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" preserveAspectRatio="xMidYMid slice" focusable="false"><rect width="100%" height="100%" fill="#777"/></svg>

Еще один для хорошей меры.

Некоторые репрезентативные материалы-заполнители для третьего слайда этой карусели.

<a class="btn btn-lg btn-primary" href="#">Browse gallery</a>

<button class="carousel-control-prev" type="button" data-bs-target="#myCarousel" data-bs-slide="prev">

Предыдущий

</button>

<button class="carousel-control-next" type="button" data-bs-target="#myCarousel" data-bs-slide="next">

Следующий

</button>