It’s easy to make simple company profile using classic SharePoint
Are you still work with Microsoft 2013/2016 with the Classic view? Here are the tips to create the best way to a company profile instead of using web parts.
The best thing in the Classic site, we can re-arrange whatever we want and own code without complex scenarios.
First you want to change your site theme this.(usually classic site have left navigation) Go to site settings ⇒ Change the look
Note: To change the look, you need site owner or design permissions on the site.
Pick your preferred theme and click it. Make sure to set a Site Layout as an Oslo, to navigation at the top. And also, you can change theme color or site background image and fonts. After saving your theme, go to the Home page to see how it looks like.
Then I want to create simple company profile details and team members. I add my company profile to my home page and create a new page for team members.Just simple, want to add text to describe company mission, background, and objective with plain text with bolder titles. As you know, about the script editor tool where the place we could use in classic site only. It is really helpful for customizing code and add some shine to your site with your way. In this case, I use script editor tool with piece of HTML code only.
For how to add web parts on a classic page, follow this link.
Here is the code for company profile. You can add this code into your script editor and save it.
<div style=”background-color:#edfcff;text-align:center;padding:10px;”></br></br>
<span style=”font-size: 22px;”>
<b>- Our Mission -</b><br/><br/>
</span>
<span style=”font-size: 16px;”>Your text<br/><br/>
</span></br>
<span style=”font-size: 22px;”><b>- Background -</b><br/><br/></span>
<span style=”font-size: 16px;text-align:justify;”>Your text</br><br/>
<span style=”font-size: 22px;”><b>- Objective -</b><br/><br/></span>
<span style=”font-size: 16px;”>Your text<br/><br/></span></span></br>
</div> Here is the code for team members in our team page. You can add more to this.
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1"><script src="https://kit.fontawesome.com/a076d05399.js"></script><style>
div.gallery {
margin: 30px 30px 30px 30px;
border: 1px solid #ccc;
float: left;
width: 280px;
height:460px;
}div.gallery:hover {
border: 1px solid #777;
}div.gallery img {
margin-left: 70px;
margin-top: 15px;
width: 50%;
height: auto;
float:center;
}div.desc {
padding: 15px;
text-align: center;
}
</style>
</head>
<body>
<div class="gallery">
<img src="https://cdn3.iconfinder.com/data/icons/business-avatar-1/512/11_avatar-512.png" alt="" width="400" height="400">
<div class="desc"><span style="font-size: 18px;color:#3297ab;">Simon White </span></br>
<span style="font-size: 14px;">AVP</span></br></br>
<span style="font-size: 16px;">Technology Tower Support:</span></br>
<span style="font-size: 16px;text-align:justify;">Davy Brown<br/></br>Infrastructure</span></br></br></br></br>
<span style="font-size: 16px;">Supporting Analyst:</span></br>
<span style="font-size: 16px;">Mike Will </span></br></br>
<i class="fas fa-cloud"></i>
<i class="fas fa-heart"></i></div>
</div><div class="gallery">
<img src="https://cdn3.iconfinder.com/data/icons/business-avatar-1/512/11_avatar-512.png" alt="" width="400" height="400">
<div class="desc"><span style="font-size: 18px;color:#3297ab;">Jhone Joe </span></br>
<span style="font-size: 14px;">AVP</span></br></br>
<span style="font-size: 16px;">Technology Tower Support:</span></br>
<span style="font-size: 16px;text-align:justify;">Steven Clark <br/></br>Sales, Service, Home Office, Mergers & Acquisitions, Experiments</span></br></br>
<span style="font-size: 16px;">Supporting Analyst:</span></br>
<span style="font-size: 16px;">Magi Win</span></br></br>
<i class="fas fa-cloud"></i>
<i class="fas fa-heart"></i></div>
</div><div class="gallery">
<img src="https://cdn3.iconfinder.com/data/icons/business-avatar-1/512/11_avatar-512.png" alt="" width="400" height="400">
<div class="desc"><span style="font-size: 18px;color:#3297ab;">Kim Barton </span></br>
<span style="font-size: 14px;">VP</span></br></br>
<span style="font-size: 16px;">Technology Tower Support:</span></br>
<span style="font-size: 16px;text-align:justify;">Alex White<br/></br>InfoSec & Tech Risk</span></br></br></br></br>
<span style="font-size: 16px;">Supporting Analyst:</span></br>
<span style="font-size: 16px;">Maddy Smith </span></br></br>
<i class="fas fa-cloud"></i>
<i class="fas fa-heart"></i></div>
</div>
</body>
</html>
Enjoy your work!
Want to know more about SharePoint? Give me your opinion.
