This single page website template is designed for CIOL (Computational Intelligence and Operations Lab) members to showcase their work, achievements, and publications. It provides an easy-to-navigate, responsive platform for sharing your professional profile, news, updates, and research. This website template is developed by Azmine Toushik Wasi.
A live version of the site can be visible at : rafia-islam.github.io
All changes can be done in index.html file, as it is a light-weight single page website. For design and colors, change in css\main.css file. Images and fonts can be changed in the resources folder.
- Description: Displays the member's name, a professional title or role, and a brief tagline.
- How to Use: Customize the name, title, and tagline directly in the
<header>section of the HTML file. Replace the default image with a personal one by updating the image source in the<img>tag.
- Description: A brief biography about the member, outlining key research areas and interests.
- How to Use: Update the content of the
<p>tag to describe your own professional journey and areas of expertise. You can add more paragraphs or bullet points to expand this section.
- Description: A section where recent news, promotions, or paper submissions can be shared. This area is scrollable if the list exceeds 300px.
- How to Use: Add or modify news items by updating the
<ul>list inside the section. Each list item (<li>) can be edited to reflect recent achievements or upcoming events.
- Description: Lists the member's published papers and articles with dates, titles, and links to full papers.
- How to Use: Add new publications by creating
<li>elements with the title and relevant links inside the<ul>list. Be sure to include the date and co-authors as needed.
- Description: The footer contains any necessary credits or additional links, such as privacy policies or terms of service.
- How to Use: Customize footer text. Give appropriate credit to Azmine Toushik Wasi and this repository.
The website uses a responsive layout, ensuring it looks great on all screen sizes. Media queries ensure that elements adjust their size, fonts, and image dimensions on mobile and desktop views.
- Font: You can customize the font by editing the
@font-facein the CSS file. - Layout: Modify the proportions of the image and text blocks in the header and about sections based on your preferences.
- Color Scheme: Change colors for backgrounds, fonts, and buttons by editing the
colorandbackground-colorproperties in the CSS.
This website template was developed by Azmine Toushik Wasi for use by Computational Intelligence and Operations Lab (CIOL) members. Non-CIOL members are also welcome to use it. All users must credit the developer properly.
When using or modifying this template, you MUST provide proepr credit to Azmine Toushik Wasi and this repository for the original design and development, linking this page.