Mobirise Online Builder

Page Settings

Page Title:

Page Description:

Page URL:

This is the default site page. Don't rename it unless you have another index.html file.

Google Preview: Desktop Mobile

https://yoursite.com

Innovaciones Tecnológicas: El Futuro de la Vida Moderna

Explora las últimas innovaciones tecnológicas que están transformando nuestro mundo. Desde la inteligencia artificial hasta la computación cuántica, descubre cómo la tecnología redefine el futuro y mejora nuestra vida diaria.

Social Sharing Image:

Inside <head> code:

End of <body> code:

Before <!DOCTYPE>, <html> and <head> tags:

Pages

Account

App Settings

Licenses

Redeem

Reset password

Logout

Delete account

Drag Block to Page

GuideM5

Header

undefined
undefined
More Header Blocks

Features

Article

Image & Video

undefined
undefined
undefined
More Image & Video Blocks

Gallery & Slider

undefined
undefined
undefined
undefined
More Gallery & Slider Blocks

People

undefined
More People Blocks

Contact

undefined
undefined
More Contact Blocks

Footer

undefined

Added
More Footer Blocks

Form

undefined
undefined
undefined
More Form Blocks

List

undefined
undefined
undefined
More List Blocks

Pricing

undefined
undefined
More Pricing Blocks

Social

Chat

undefined
More Chat Blocks

HTML

undefined
More HTML Blocks

Menu
Header
Features
Article
Image & Video
Gallery & Slider
People
Contact
Footer
Form
List
Pricing
Social
Chat
HTML

Extensions

Site Styles

Colors

Background

▼

Primary

▼

Buttons and Links

▼

Fonts

Title 1

Title 2

Title 3

Text

Menu

Options

Rounded Corners

Rounded Buttons

Large Buttons

Ghost Button Border

Underlined Links

Animation on Scroll

Scroll to Top Button

Background

▼

HTML Editor

x
 
<section data-bs-version="5.1" class="menu menu01 guidem5" group="Menu" plugins="DropDown, TouchSwipe" always-top="" global="" once="menu" not-draggable="" position-absolute="">
    <mbr-parameters>
        <header>Show/Hide</header>
        <input type="checkbox" title="Full Width" name="fullWidth" checked>
        <input type="checkbox" title="Logo" name="showLogo" checked>
        <input type="range" title="Logo Size" inline name="logoSize" min="3" max="8" step="0.1" value="3" condition="showLogo">
        <input type="checkbox" title="Brand Name" name="showBrand" checked>
        <input type="checkbox" title="Menu Items" name="showItems" checked>
        <input type="color" title="Active Color" name="activeColor" value="#FFFFFF" condition="showItems">
        <input type="checkbox" title="Icons" name="showIcons">
        <select title="Amount" name="iconsAmount" condition="showIcons">
            <option value="1">1</option>
            <option value="2">2</option>
            <option value="3" selected>3</option>
            <option value="4">4</option>
        </select>
        <input type="checkbox" title="Buttons" name="showButtons" checked>
        <header>Styles</header>
        <input type="checkbox" title="Sticky" name="sticky">
        <input type="checkbox" title="Collapsed" name="collapsed">
        <input type="checkbox" title="Transparent" name="transparent">
        <input type="range" title="Opacity" name="opacity" min="0" max="1" step="0.1" value="0.5" condition="transparent">
        <input type="color" title="Color" name="menuBgColor" value="#220A09">
        <input type="color" title="Hamburger" name="hamburgerColor" value="#FFFFFF">
    </mbr-parameters>
​
    <nav class="navbar navbar-dropdown" mbr-class="{'navbar-fixed-top':sticky,
                     'navbar-expand-lg':!collapsed,
                     'collapsed':collapsed}">
        <div mbr-class="{'container': !fullWidth, 'container-fluid': fullWidth}" class="content-wrap">
            <div class="navbar-brand">
                <span mbr-if="showLogo" class="navbar-logo">
                    <a href="https://mobiri.se">
                        <img class="little-radius" src="https://r.mobirisesite.com/2973096/assets/images/photo-1660165458059-57cfb6cc87e5.jpeg" alt="Mobirise Website Builder" mbr-style="{'height': logoSize + 'rem'}">
                    </a>
                </span>
                <span mbr-if="showBrand" mbr-buttons="" mbr-theme-style="display-5" class="navbar-caption-wrap" data-toolbar="-mbrBtnMove,-mbrBtnAdd,-mbrBtnRemove,-iconFont"><a class="navbar-caption" data-app-selector=".navbar-caption" href="https://mobiri.se" data-app-placeholder="Type Text">Tecno</a></span>
            </div>
            <button class="navbar-toggler" type="button" data-toggle="collapse" data-bs-toggle="collapse" data-target="#navbarSupportedContent" data-bs-target="#navbarSupportedContent" aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation" mbr-if="showItems || showIcons || showButtons">
                <div class="hamburger">
                    <span></span>
                    <span></span>
                    <span></span>
                    <span></span>
                </div>
            </button>
            <div class="collapse navbar-collapse" id="navbarSupportedContent" mbr-if="showItems || showIcons || showButtons">
                <ul mbr-menu="" class="navbar-nav nav-dropdown" mbr-theme-style="display-4" mbr-if="showItems" mbr-class="{'nav-right': !showButtons,'navbar-nav-top-padding': isPublish && !showBrand && !showLogo}">
                    <li class="nav-item"><a class="nav-link link little-radius" href="https://mobiri.se" data-app-selector=".nav-link,.dropdown-item" data-app-placeholder="Type Text">Inicio</a></li>
                    <li class="nav-item"><a class="nav-link link little-radius" href="https://mobiri.se" data-app-selector=".nav-link,.dropdown-item" data-app-placeholder="Type Text">Productos</a></li>
                    <li class="nav-item"><a class="nav-link link little-radius" href="https://mobiri.se" data-app-selector=".nav-link,.dropdown-item" data-app-placeholder="Type Text">Servicios</a>
                    </li>
                    <li class="nav-item"><a class="nav-link link little-radius" href="https://mobiri.se" data-app-selector=".nav-link,.dropdown-item" data-app-placeholder="Type Text">Contacto</a>
                    </li>
                    <li class="nav-item"><a class="nav-link link little-radius" href="https://mobiri.se" data-app-selector=".nav-link,.dropdown-item" data-app-placeholder="Type Text">Blog</a>
                    </li>
                </ul>
                <div class="icons-menu" mbr-if="showIcons">
                    <a class="iconfont-wrapper" href="https://mobiri.se" target="_blank">
                        <span mbr-icon="" class="p-2 mbr-iconfont socicon-facebook socicon" style="color: rgb(255, 255, 255); fill: rgb(255, 255, 255);"></span>
                    </a>
                    <a class="iconfont-wrapper" href="https://mobiri.se" target="_blank" mbr-if="iconsAmount > 1">

CSS Editor

x
 
& when not (@sticky) {
  .navbar-dropdown {
    position: relative !important;
  }
  & when (@transparent) {
    .navbar-dropdown {
      position: absolute !important;
    }
  }
}
& when (@sticky) {
  z-index: 1000;
  width: 100%;
  & when not (@transparent) {
    position: relative;
    min-height: 110px;
  }
  nav.navbar {
    position: fixed;
  }
}
& when (@fullWidth) {
  .container-fluid {
    padding-left: 32px;
    padding-right: 32px;
    @media (max-width: 992px) {
      padding-left: 16px;
      padding-right: 16px;
    }
  }
}
.dropdown-item:before {
  font-family: Moririse2 !important;
  content: "\e966";
  display: inline-block;
  width: 0;
  position: absolute;
  left: 1rem;
  top: 0.5rem;
  margin-right: 0.5rem;
  line-height: 1;
  font-size: inherit;
  vertical-align: middle;
  text-align: center;
  overflow: hidden;
  transform: scale(0, 1);
  transition: all 0.25s ease-in-out;

Static Styles

xxxxxxxxxx
 
  text-decoration: none;
}
​
.article .lead p,
.article .lead ul,
.article .lead ol,
.article .lead pre,
.article .lead blockquote {
  margin-bottom: 0;
}
​
a {
  font-style: normal;
  font-weight: 400;
  cursor: pointer;
}
a, a:hover {
  text-decoration: none;
}
​
.mbr-section-title {
  font-style: normal;
  line-height: 1.3;
}
​
.mbr-section-subtitle {
  line-height: 1.3;
}
​
.mbr-text {
  font-style: normal;
  line-height: 1.7;
}
​
h1,
h2,
h3,
h4,
h5,
h6,
.display-1,
.display-2,
.display-4,
.display-5,
.display-7,
span,
p,
a {
  line-height: 1;
  word-break: break-word;
  word-wrap: break-word;
  font-weight: 400;
}
​
b,
strong {
  font-weight: bold;
}
​

Dynamic Styles

xxxxxxxxxx
 
            & when (@max > 200) {
                color: lighten(@color, 40%);
            }
​
            & when (@max > 85) and (@max <=200) {
                color: lighten(@color, 25%);
            }
​
            & when (@max > 50) and (@max <=85) {
                color: lighten(@color, 45%);
            }
​
            & when (@max <=50) {
                color: lighten(@color, 70%);
            }
        }
    }
}
​
.button-size(@btn-padding-y, @btn-padding-x, @btn-font-size, @btn-border-radius) {
    padding: @btn-padding-y @btn-padding-x;
    border-radius: @btn-border-radius;
}
​
.btn {
    .button-size(@btn-padding-y, @btn-padding-x, @btn-font-size, @btn-border-radius);
​
    & when not (@isLargeButtons) {
        padding: 0.75rem 1.5rem;
    }
​
    & when (@isLargeButtons) {
        @media (max-width: 767px) {
            padding: 0.75rem 1.5rem;
        }
    }
}
​
.btn-sm {
    .button-size(@btn-padding-y-sm, @btn-padding-x-sm, @btn-font-size-sm, @btn-border-radius-sm);
}
​
.btn-md {
    .button-size(@btn-padding-y-md, @btn-padding-x-md, @btn-font-size-md, @btn-border-radius-md);
}
​
.btn-lg {
    .button-size(@btn-padding-y-lg, @btn-padding-x-lg, @btn-font-size-lg, @btn-border-radius-lg);
}
​
.bg-primary {
    background-color: @primaryColor !important;
}
​
.bg-success {
    background-color: @successColor !important;
}
​
.bg-info {

Site Parameters

xxxxxxxxxx
            {
                "min": 0.4,
                "default": 1,
                "max": 2,
                "step": 0.2,
                "var": "display4Size",
                "type": "range"
            }
        ],
        "type": "group",
        "name": "display-4",
        "rule": ".mbr-fonts-style, [mbr-buttons], [mbr-menu]",
        "title": "Menu"
    },
    {
        "type": "subtitle",
        "title": "Options"
    },
    {
        "var": "isRoundedImages",
        "default": true,
        "type": "switch",
        "title": "Rounded Corners"
    },
    {
        "var": "isRoundedButtons",
        "default": true,
        "type": "switch",
        "title": "Rounded Buttons"
    },
    {
        "var": "isLargeButtons",
        "default": false,
        "type": "switch",
        "title": "Large Buttons"
    },
    {
        "var": "isGhostButtonBorder",
        "default": true,
        "type": "switch",
        "title": "Ghost Button Border"
    },
    {
        "var": "underlinedLinks",
        "default": false,
        "type": "switch",
        "title": "Underlined Links"
    },
    {
        "var": "isAnimatedOnScroll",
        "default": false,
        "type": "switch",
        "title": "Animation on Scroll"
    },
    {
        "var": "isScrollToTopButton",
        "default": false,
        "type": "switch",
        "title": "Scroll to Top Button"
    }
]

Pages

Sites

Account

Extensions

Help

Free

Page Settings

Pages

Account

Drag Block to Page

Menu

Header

Features

Article

Image & Video

Gallery & Slider

People

Contact

Footer

Form

List

Pricing

Social

Chat

HTML

AMP Social

Site Styles

Colors

Fonts

Add font

Options

HTML Editor

CSS Editor

Static Styles

Dynamic Styles

Site Parameters