HTML HOME PAGE TEMPLATE
Martin Ortega
2 January 2022
Lorem ipsum ad his scripta blandit partiendo, eum fastidii accumsan euripidis in, eum liber hendrerit an. Qui ut wisi vocibus suscipiantur, quo dicit ridens inciderint id. Quo mundi lobortis reformidans eu, legimus senserit definiebas an eos. Eu sit tincidunt incorrupte definitionem, vis mutat affert percipit cu, eirmod consectetuer signiferumque eu per. In usu latine equidem dolores. Quo no falli viris intellegam, ut fugit veritus placerat per. Ius id vidit volumus mandamus, vide veritus democritum te nec, ei eos debet libris consulatu.
No mei ferri graeco dicunt, ad cum veri accommodare. Sed at malis omnesque delicata, usu et iusto zzril meliore. Dicunt maiorum eloquentiam cum cu, sit summo dolor essent te.
<!DOCTYPE html>
<html><head>
<title><$DXTitle$> HOME PAGE</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
<link href='https://fonts.googleapis.com/css?family=RobotoDraft' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="http://www.sidra400.com/blog4.nsf/css/blog4.css">
<!-- Twitter Cards -->
<meta content='summary_large_image' name='twitter:card'>
<meta content='@eslug2' name='twitter:site'>
<meta content='@eslug2' name='twitter:creator'>
<meta content='SIDRA400' name='twitter:title'>
<meta content='Era un blog sobre AS/400 y Lotus Notes' name='twitter:title'>
<meta content='http://www.sidra400.com/sidra400.nsf/dx/logo_2022.jpg/$file/logo_2022.jpg' name='twitter:image'>
<style>
html,body,h1,h2,h3,h4,h5 {font-family: "RobotoDraft", "Roboto", sans-serif}
.w3-bar-block .w3-bar-item {padding: 16px}
</style>
</head>
<body class=" w3-content" style="max-width:1650px ;background: #fff ;">
<!-- Side Navigation -->
<nav class="w3-sidebar w3-bar-block w3-collapse w3-white w3-animate-left w3-card" style="z-index:3;width:320px;" id="mySidebar">
<a href="/blog4.nsf" class="w3-bar-item w3-button w3-border-bottom w3-large" style="padding:10px">
<img class="w3-round" src="http://www.sidra400.com/blog4.nsf/dx/link_home.jpg/$file/link_home.jpg" style="width:100%;"></a>
<a href="javascript:void(0)" onclick="w3_close()" title="Close Sidemenu"
class="w3-bar-item w3-button w3-hide-large w3-large">CLOSE</a>
<a href="javascript:void(0)" class="w3-bar-item w3-button w3-amber w3-button w3-hover-grey w3-left-align w3-border-bottom" style="font-size:110%" onclick="document.getElementById('id01').style.display='block'"><i class="fa fa-user" style="margin:0 10px 0 0"></i>Author</a>
<a id="myBtn" onclick="myFunc('Demo')"></a>
<div id="Demo" class="w3-hide w3-animate-left">
<a href="javascript:void(0)" class="w3-bar-item w3-button w3-border-bottom test w3-hover-light-grey" onclick="openContenidos('comentarios');w3_close();" id="firstTab">
<div class="w3-container" style="padding:0px">
<img class="w3-round w3-margin-right" src="http://www.sidra400.com/blog4.nsf/dx/casa_2022.png/$file/casa_2022.png" style="width:25%;">
<span class=" w3-large">Inicio HOME</span>
</div>
</a>
<a href="javascript:void(0)" class="w3-bar-item w3-button w3-border-bottom test w3-hover-light-grey" onclick="openContenidos('comentarios1');w3_close();" id="firstTab">
<div class="w3-container" style="padding:0px">
<span class=" w3-large">TEST</span>
</div>
</a>
<a href="../webadmin?open&templatename=All&start1=1" class="w3-bar-item w3-button w3-border-bottom test w3-hover-light-grey" >
<div class="w3-container" style="padding:0px">
<span class=" w3-large">TEST ALL POSTS</span>
</div>
</a>
<a href="https://www.hcltechsw.com/domino" class="w3-bar-item w3-button w3-border-bottom test w3-hover-light-grey" >
<div class="w3-container" style="padding:0px">
<span class=" w3-large">Powered by HCL Domino</span>
</div>
</a>
</div>
</nav>
<$DXTemplateBlock Name="Autor"$>
<!-- Overlay effect when opening the side navigation on small screens -->
<div class="w3-overlay w3-hide-large w3-animate-opacity" onclick="w3_close()" style="cursor:pointer" title="Close Sidemenu" id="myOverlay"></div>
<!-- Page content -->
<div class="w3-main" style="margin-left:320px;padding:0px 0px">
<div id="headerblog" >
<div class="left" >
<i class="fa fa-bars w3-button w3-white w3-hide-large w3-xlarge" onclick="w3_open()"></i>
<div id="nameblog" ><b>DOMINO BLOG <span style="font-size:120%;color:#ee28bb">4</span></b></div>
<div id="description" ><$DXDescription$></div>
</div>
<div class="right" >
<form class="search" title="search" method="get" id="searchForm" action="javascript:doSearch('','','','');">
<input type="text" placeholder="Search.." name="search" id="Query" onblur="if(this.value=='') this.value='Search..';" onfocus="if(this.value=='Search') this.value='';" >
</form>
<form class="search" title="Buscar" method="get" id="searchForm" action="javascript:doSearch('','','','');">
<button type="submit"><i class="fa fa-search"></i></button></form>
</div>
</div>
<div id="comentarios" class="w3-container contenidos">
<div id="contenidoblog">
<$DXContent$>
<div class="barra2"></div>
<div class="recientes"><$DXTemplateBlock Name="Recientes"$></div>
<$DXTemplateBlock Name="TAGS"$>
<$DXTemplateBlock Name="meses"$>
</div>
<div class="barra"></div>
</div>
<div id="comentarios1" class="w3-container contenidos">
<div id="contenidoblog">
<$DXTemplateBlock Name="TEST"$>
</div>
</div>
</div>
<script>
var openInbox = document.getElementById("myBtn");
openInbox.click();
function w3_open() {
document.getElementById("mySidebar").style.display = "block";
document.getElementById("myOverlay").style.display = "block";
}
function w3_close() {
document.getElementById("mySidebar").style.display = "none";
document.getElementById("myOverlay").style.display = "none";
}
function myFunc(id) {
var x = document.getElementById(id);
if (x.className.indexOf("w3-show") == -1) {
x.className += " w3-show";
x.previousElementSibling.className += " w3-red";
} else {
x.className = x.className.replace(" w3-show", "");
x.previousElementSibling.className =
x.previousElementSibling.className.replace(" w3-red", "");
}
}
openContenidos("comentarios")
function openContenidos(contenidoName) {
var i;
var x = document.getElementsByClassName("contenidos");
for (i = 0; i < x.length; i++) {
x[i].style.display = "none";
}
x = document.getElementsByClassName("test");
for (i = 0; i < x.length; i++) {
x[i].className = x[i].className.replace(" w3-light-grey", "");
}
document.getElementById(contenidoName).style.display = "block";
event.currentTarget.className += " w3-light-grey";
}
</script>
<script>
var openTab = document.getElementById("firstTab");
openTab.click();
</script>
<script>
// Accordion
function myFunction(id) {
var x = document.getElementById(id);
if (x.className.indexOf("w3-show") == -1) {
x.className += " w3-show";
x.previousElementSibling.className += " w3-theme-d1";
} else {
x.className = x.className.replace("w3-show", "");
x.previousElementSibling.className =
x.previousElementSibling.className.replace(" w3-theme-d1", "");
}
}
// Used to toggle the menu on smaller screens when clicking on the menu button
function openNav() {
var x = document.getElementById("navDemo");
if (x.className.indexOf("w3-show") == -1) {
x.className += " w3-show";
} else {
x.className = x.className.replace(" w3-show", "");
}
}
</script>
</body>
</html>
No mei ferri graeco dicunt, ad cum veri accommodare. Sed at malis omnesque delicata, usu et iusto zzril meliore. Dicunt maiorum eloquentiam cum cu, sit summo dolor essent te.
<!DOCTYPE html>
<html><head>
<title><$DXTitle$> HOME PAGE</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
<link href='https://fonts.googleapis.com/css?family=RobotoDraft' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="http://www.sidra400.com/blog4.nsf/css/blog4.css">
<!-- Twitter Cards -->
<meta content='summary_large_image' name='twitter:card'>
<meta content='@eslug2' name='twitter:site'>
<meta content='@eslug2' name='twitter:creator'>
<meta content='SIDRA400' name='twitter:title'>
<meta content='Era un blog sobre AS/400 y Lotus Notes' name='twitter:title'>
<meta content='http://www.sidra400.com/sidra400.nsf/dx/logo_2022.jpg/$file/logo_2022.jpg' name='twitter:image'>
<style>
html,body,h1,h2,h3,h4,h5 {font-family: "RobotoDraft", "Roboto", sans-serif}
.w3-bar-block .w3-bar-item {padding: 16px}
</style>
</head>
<body class=" w3-content" style="max-width:1650px ;background: #fff ;">
<!-- Side Navigation -->
<nav class="w3-sidebar w3-bar-block w3-collapse w3-white w3-animate-left w3-card" style="z-index:3;width:320px;" id="mySidebar">
<a href="/blog4.nsf" class="w3-bar-item w3-button w3-border-bottom w3-large" style="padding:10px">
<img class="w3-round" src="http://www.sidra400.com/blog4.nsf/dx/link_home.jpg/$file/link_home.jpg" style="width:100%;"></a>
<a href="javascript:void(0)" onclick="w3_close()" title="Close Sidemenu"
class="w3-bar-item w3-button w3-hide-large w3-large">CLOSE</a>
<a href="javascript:void(0)" class="w3-bar-item w3-button w3-amber w3-button w3-hover-grey w3-left-align w3-border-bottom" style="font-size:110%" onclick="document.getElementById('id01').style.display='block'"><i class="fa fa-user" style="margin:0 10px 0 0"></i>Author</a>
<a id="myBtn" onclick="myFunc('Demo')"></a>
<div id="Demo" class="w3-hide w3-animate-left">
<a href="javascript:void(0)" class="w3-bar-item w3-button w3-border-bottom test w3-hover-light-grey" onclick="openContenidos('comentarios');w3_close();" id="firstTab">
<div class="w3-container" style="padding:0px">
<img class="w3-round w3-margin-right" src="http://www.sidra400.com/blog4.nsf/dx/casa_2022.png/$file/casa_2022.png" style="width:25%;">
<span class=" w3-large">Inicio HOME</span>
</div>
</a>
<a href="javascript:void(0)" class="w3-bar-item w3-button w3-border-bottom test w3-hover-light-grey" onclick="openContenidos('comentarios1');w3_close();" id="firstTab">
<div class="w3-container" style="padding:0px">
<span class=" w3-large">TEST</span>
</div>
</a>
<a href="../webadmin?open&templatename=All&start1=1" class="w3-bar-item w3-button w3-border-bottom test w3-hover-light-grey" >
<div class="w3-container" style="padding:0px">
<span class=" w3-large">TEST ALL POSTS</span>
</div>
</a>
<a href="https://www.hcltechsw.com/domino" class="w3-bar-item w3-button w3-border-bottom test w3-hover-light-grey" >
<div class="w3-container" style="padding:0px">
<span class=" w3-large">Powered by HCL Domino</span>
</div>
</a>
</div>
</nav>
<$DXTemplateBlock Name="Autor"$>
<!-- Overlay effect when opening the side navigation on small screens -->
<div class="w3-overlay w3-hide-large w3-animate-opacity" onclick="w3_close()" style="cursor:pointer" title="Close Sidemenu" id="myOverlay"></div>
<!-- Page content -->
<div class="w3-main" style="margin-left:320px;padding:0px 0px">
<div id="headerblog" >
<div class="left" >
<i class="fa fa-bars w3-button w3-white w3-hide-large w3-xlarge" onclick="w3_open()"></i>
<div id="nameblog" ><b>DOMINO BLOG <span style="font-size:120%;color:#ee28bb">4</span></b></div>
<div id="description" ><$DXDescription$></div>
</div>
<div class="right" >
<form class="search" title="search" method="get" id="searchForm" action="javascript:doSearch('','','','');">
<input type="text" placeholder="Search.." name="search" id="Query" onblur="if(this.value=='') this.value='Search..';" onfocus="if(this.value=='Search') this.value='';" >
</form>
<form class="search" title="Buscar" method="get" id="searchForm" action="javascript:doSearch('','','','');">
<button type="submit"><i class="fa fa-search"></i></button></form>
</div>
</div>
<div id="comentarios" class="w3-container contenidos">
<div id="contenidoblog">
<$DXContent$>
<div class="barra2"></div>
<div class="recientes"><$DXTemplateBlock Name="Recientes"$></div>
<$DXTemplateBlock Name="TAGS"$>
<$DXTemplateBlock Name="meses"$>
</div>
<div class="barra"></div>
</div>
<div id="comentarios1" class="w3-container contenidos">
<div id="contenidoblog">
<$DXTemplateBlock Name="TEST"$>
</div>
</div>
</div>
<script>
var openInbox = document.getElementById("myBtn");
openInbox.click();
function w3_open() {
document.getElementById("mySidebar").style.display = "block";
document.getElementById("myOverlay").style.display = "block";
}
function w3_close() {
document.getElementById("mySidebar").style.display = "none";
document.getElementById("myOverlay").style.display = "none";
}
function myFunc(id) {
var x = document.getElementById(id);
if (x.className.indexOf("w3-show") == -1) {
x.className += " w3-show";
x.previousElementSibling.className += " w3-red";
} else {
x.className = x.className.replace(" w3-show", "");
x.previousElementSibling.className =
x.previousElementSibling.className.replace(" w3-red", "");
}
}
openContenidos("comentarios")
function openContenidos(contenidoName) {
var i;
var x = document.getElementsByClassName("contenidos");
for (i = 0; i < x.length; i++) {
x[i].style.display = "none";
}
x = document.getElementsByClassName("test");
for (i = 0; i < x.length; i++) {
x[i].className = x[i].className.replace(" w3-light-grey", "");
}
document.getElementById(contenidoName).style.display = "block";
event.currentTarget.className += " w3-light-grey";
}
</script>
<script>
var openTab = document.getElementById("firstTab");
openTab.click();
</script>
<script>
// Accordion
function myFunction(id) {
var x = document.getElementById(id);
if (x.className.indexOf("w3-show") == -1) {
x.className += " w3-show";
x.previousElementSibling.className += " w3-theme-d1";
} else {
x.className = x.className.replace("w3-show", "");
x.previousElementSibling.className =
x.previousElementSibling.className.replace(" w3-theme-d1", "");
}
}
// Used to toggle the menu on smaller screens when clicking on the menu button
function openNav() {
var x = document.getElementById("navDemo");
if (x.className.indexOf("w3-show") == -1) {
x.className += " w3-show";
} else {
x.className = x.className.replace(" w3-show", "");
}
}
</script>
</body>
</html>
