In this blog , we will see how to create the simple web site using powerapps portal.
1. Choose Portal Management app after login CRM application.
2. Create new web page
3. Open local content web page
4. Paste Below HTML code.
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
* {
box-sizing: border-box;
}
body {margin: 0;}
.header {
padding: 10px;
text-align: center;
background: #5D6D7E; // #aed6f1;
color: white;
}
.navbar {
overflow: hidden;
background-color: dimgrey;
}
.navbar a {
float: left;
display: block;
color: white;
text-align: center;
padding: 10px 10px;
}
.navbar a.right {
float: right;
}
.navbar a:hover{
background-color: #eee;
color: black;
}
.row {
display: flex;
flex-wrap: wrap;
}
.sidebar {
flex: 10%;
background-color: #f1f1f1;
padding: 20px;
}
.main {
flex: 80%;
background-color: white;
padding: 20px;
}
.logoimg {
height:10%;
float:left;
}
</style><div class="header">
<div class="logoimg" style=""></div>
<h1>Welcome to Portal Demo</h1>
</div>
<div class="navbar">
<ul class="nav navbar-nav weblinks" role="menubar">
<li class="weblink " role="none"></li>
<li aria-hidden="true" class="divider-vertical"></li>
<li class="weblink " role="none"><a aria-label="Knowledge Base" href="/knowledgebase/" role="menuitem" title="Knowledge Base">Knowledge Base </a>
</li>
<li aria-hidden="true" class="divider-vertical"></li>
<li class="weblink " role="none"><a aria-label="Forums" href="/forums/" role="menuitem" title="Forums">Forums </a>
</li>
<li aria-hidden="true" class="divider-vertical"></li>
<li class="weblink " role="none"><a aria-label="My Support" href="/support/" rel="nofollow" role="menuitem" title="My Support">My Request</a>
</li>
<li aria-hidden="true" class="divider-vertical"></li>
<li class="weblink " role="none"><a aria-label="My Support" href="/address/" rel="nofollow" role="menuitem" title="My Support">Service Request</a>
</li>
</ul>
</div>
<div class="row">
<div class="sidebar">
<h3>Register Now</h3>
<div><img src="/demopage/download.jpg" style="width: 180px; height: 100px;"></div>
<h3>Reviews</h3>
<marquee direction="up" scrolldelay="150" color="Green">
Good site for learning data science
Developed site very well
.online training are very good</marquee>
</div>
<div class="main">
<h2>About Training Courses</h2>
<p>Choose your interest area and get certified with our online Courses in Finance, Data Science, Software Development, Excel, Design, Project Management, Personal Development, Marketing and Human Resources..</p>
<br>
<div class="row">
<div class="sidebar">
<h2><u>Certification Courses</u></h2>
<a href="https://www.educba.com/finance/">Financial Analyst Course - All in One Bundle</a><br>
<a href="https://www.educba.com/marketing/">Marketing Course - All in One Bundle</a><br>
<a href="https://www.educba.com/human-resource/">Human Resource Course - All in One Bundle</a><br>
<a href="https://www.educba.com/design/">Design Course -All in one Bundle</a> <br>
<a href="https://www.educba.com/excel/">Excel VBA Course - All in One Bundle</a>
</div>
<div class="sidebar">
<h2><u>Free Courses</u></h2>
<a href="https://www.educba.com/data-science/courses/free-data-science-course/">Free Course on Data Science</a><br>
<a href="https://www.educba.com/design/courses/free-graphic-design-online-course/">Free Course Graphic Design</a><br>
<a href="https://www.educba.com/excel/courses/free-online-excel-course/">Free Online Excel Course</a><br>
<a href="https://www.educba.com/marketing/courses/free-digital-marketing-course/">Free Course Digital Marketing</a><br>
<a href="https://www.educba.com/software-development/courses/free-programming-course/">Free Course Programming</a>
</div></div></div></div>
No comments:
Post a Comment