Welcome to the Treehouse Community

The Treehouse Community is a meeting place for developers, designers, and programmers of all backgrounds and skill levels to get support. Collaborate here on code errors or bugs that you need feedback on, or asking for an extra set of eyes on your latest project. Join thousands of Treehouse students and alumni in the community today. (Note: Only Treehouse students can comment or ask questions, but non-students are welcome to browse our conversations.)

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and a supportive community. Start your free trial today.

Python Flask with SQLAlchemy Basics Creating a Basic Website with Flask Template Inheritance

Juventina Berenice Ibarra Sanchez
seal-mask
.a{fill-rule:evenodd;}techdegree seal-36
Juventina Berenice Ibarra Sanchez
UX Design Techdegree Graduate 17,982 Points

hi guys! im lost on this exercise, can anybody help me

Check out layout.html. It has a block named 'link'. Inside of index.html, you need to create this link. Below the extend, add the syntax for block link. Inside of the block, create a link/anchor tag <a href=""></a>. The text inside of the link tags should be Contact.

index.html
{% extends "layout.html" %}
<a href={%project.url%}><li>Contact</li> </a>
layout.html
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <meta name="description" content="Treehouse code chalenge practice.">
        <meta name="viewport" content="width=device-width, initial-scale=1">
    </head>
    <body>
        <h1>Practice Template Inheritance</h1>
        {% block link %}{% endblock %}
    </body>
</html>

1 Answer

Jeff Muday
MOD
Jeff Muday
Treehouse Moderator 27,653 Points

You got step 1 of the Challenge correct, good work!

You need a little work in step 2... below is a hint.

In step 2, you are going to need to make a block inside index.html. Then, inside the block you need to put in the hyperlink HTML and label it with Contact

{% extends 'layout.html' %}
{% block link %}
<a href="">Contact</a>
{% endblock %}

In step 3, you are going to modify the actual link with {{ url_for('contact') }}

I leave that step for you!