Breaking News: Grepper is joining You.com. Read the official announcement!

link style page with html page in django

Wild Willet answered on July 11, 2022 Popularity 3/10 Helpfulness 8/10

answer link style page with html page in django

link style page with html page in django

Comment

{% load static %}
<html>
    <head>
        <title>Abhya Tripathi|Developer</title>
        <link rel="stylesheet" href="{% static 'css/blog.css' %}">
    </head>
    <body>
      <nav>
<ul id='navbar'>
  <li><a href="#welcome-section">About</a></li>
  <li><a href="#projects">Work</a></li>
  <li><a href="#contact">Contact</a></li>
</ul>
</nav>

<div id="welcome-section" class="intro">

<h1>Hey i'am Mimic.</h1>
<p>a web developer</p>


</div>
<div id="projects" class="work">
<h2 class="work-header">These are some of my projects..</h2>
<a href="https://codepen.io/FreeCodeCamp/pen/NNvBQW" target="_blank" class="project project-tile">
  <img class="project-pic" src="https://cloud.githubusercontent.com/assets/15967809/17642794/d084d718-6171-11e6-83fa-ede5d0a67ad2.png" alt="project">
  <div class="project-title">Tribute Page</div>
</a>
<a href="https://codepen.io/FreeCodeCamp/pen/ONjoLe" target="_blank" class="project project-tile">
  <img class="project-pic" src="https://cloud.githubusercontent.com/assets/15967809/17642771/7cd6a0c4-6171-11e6-87fb-915f6084d104.png" alt="project">
  <div class="project-title">Random Quote Machine</div>
</a>
<a href="https://codepen.io/FreeCodeCamp/pen/PNKdjo" target="_blank" class="project project-tile">
  <img class="project-pic" src="https://cloud.githubusercontent.com/assets/15967809/17642772/7d02406c-6171-11e6-8c79-40a2933163dc.png" alt="project">
  <div class="project-title">JavaScript Calculator</div>
</a>
<a href="https://codepen.io/FreeCodeCamp/pen/mVEJag" target="_blank" class="project project-tile">
  <img class="project-pic" src="https://cloud.githubusercontent.com/assets/15967809/17642773/7d08cb94-6171-11e6-8c45-22e7cf64683e.png" alt="project">
  <div class="project-title">Map Data Across the Globe</div>
</a>
<a href="https://codepen.io/FreeCodeCamp/pen/wGqEga" target="_blank" class="project project-tile">
  <img class="project-pic" src="https://cloud.githubusercontent.com/assets/15967809/17642774/7d091806-6171-11e6-8d47-ecf2f2833fe2.png" alt="project">
  <div class="project-title">Wikipedia Viewer</div>
</a>
<a href="https://codepen.io/FreeCodeCamp/pen/KzXQgy" target="_blank" class="project project-tile">
  <img class="project-pic" src="https://cloud.githubusercontent.com/assets/15967809/17642775/7d354304-6171-11e6-8b56-66eee4681d88.png" alt="project">
  <div class="project-title">Tic Tac Toe Game</div>
</a>

<a href="https://codepen.io/FreeCodeCamp/" class="show-all" target="_blank">Show all</a>
</div>
<div id="contact" class="contact">
<div class="header">
  <h1>Let's work together...</h1>
  <p>How do you take your coffee?</p>
</div>
<a href="https://facebook.com/freecodecamp" target="_blank" class="contact-details">Facebook</a>
<a id='profile-link' href="https://github.com/freecodecamp" target="_blank" class="contact-details">GitHub</a>
<a href="https://twitter.com/freecodecamp" target="_blank" class="contact-details">Twitter</a>
<a href="mailto:example@example.com" class="contact-details">Send a mail</a>
<a href="tel:555-555-5555" class="contact-details">Call me</a>
</div>
<footer>**This is just a fake portfolio.. All the projects and contact details given are not real..
<p>&copy; Created for <a href="https://www.freecodecamp.com/" target="_blank">FreeCodeCamp</a></p>
</footer>
    </body>
</html>
 Run code snippet

Popularity 3/10 Helpfulness 8/10 Language html

Source: stackoverflow.com

Tags: django html

Link to this answer
Share Copy Link

Contributed on Jul 11 2022

Wild Willet

0 Answers Avg Quality 2/10

link style page with html page in django

Contents

More Related Answers

link style page with html page in django

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.