|
<!DOCTYPE html> |
|
<html lang="en"> |
|
<head> |
|
<meta charset="UTF-8"> |
|
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
|
<title>Style Guide - Your App Name</title> |
|
<link rel="stylesheet" href="{{ url_for('static', filename='styles.css') }}"> |
|
</head> |
|
<body> |
|
<header> |
|
<div class="logo"> |
|
<img src="{{ url_for('static', filename='logo.png') }}" alt="Your App Logo"> |
|
</div> |
|
<nav> |
|
<ul> |
|
<li><a href="/">Home</a></li> |
|
</ul> |
|
</nav> |
|
</header> |
|
<main> |
|
<section class="style-guide"> |
|
<h2>Style Guide</h2> |
|
<div class="corrected"> |
|
<h3>Corrected Text</h3> |
|
<p>{{ corrected_text }}</p> |
|
</div> |
|
<div class="highlighted"> |
|
<h3>Highlighted Text</h3> |
|
<p>{{ highlighted_text|safe }}</p> |
|
</div> |
|
<div class="suggestions"> |
|
<h3>Suggestions</h3> |
|
<ul> |
|
{% for suggestion in suggestions %} |
|
<li>{{ suggestion[0] }}: {{ suggestion[1] }}</li> |
|
{% endfor %} |
|
</ul> |
|
</div> |
|
<a href="/" class="button">Go Back</a> |
|
</section> |
|
</main> |
|
<footer> |
|
<p>© CIEG, India</p> |
|
</footer> |
|
</body> |
|
</html> |
