Sample HTML

 <!DOCTYPE html>

<html>

<head>

  <title>SharePoint Layout with Glassy Look</title>

  <style>

    body {

      background-color: #800000; /* Maroon background color */

      color: #FFFFFF; /* White text color */

      font-family: Arial, sans-serif;

      margin: 0;

      padding: 0;

    }


    .container {

      max-width: 960px;

      margin: 0 auto;

      padding: 20px;

      background-color: rgba(255, 255, 255, 0.8); /* Semi-transparent white background */

      box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); /* Glassy box shadow */

    }


    h1, h2, h3 {

      margin: 0;

    }


    .content {

      margin-top: 20px;

    }

  </style>

</head>

<body>

  <div class="container">

    <h1>Welcome to SharePoint</h1>

    <div class="content">

      <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>

      <p>Donec at dapibus nisi. Vestibulum cursus dui vel fringilla consequat.</p>

      <h2>Subheading</h2>

      <p>Nunc non consectetur ligula, vitae interdum nunc.</p>

      <h3>Sub-subheading</h3>

      <p>Nullam euismod tortor id ex efficitur, et ultricies massa efficitur.<

/p>

    </div>

  </div>

</body>

</html>

Comments

Popular posts from this blog

Sharepoint 2013-Minimal Download Strategy.

Bulk update and delete using SPservice in SharePoint