Get 2024 Templates Mega Bundle!14 Bootstrap, Vue & React Templates + 3 Vector Sets
Get for 99$

How to use html design direclty in laravel project


I've successfully set up the Laravel template, and I'm now looking to integrate the design directly from an HTML template. What steps should I take to achieve this?


Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(

Replies (1)


Thank you for your interest in Metronic. If you are using the Metronic Laravel Starter Kit, you can integrate an HTML design directly into your Laravel project:

In your Laravel project, create a new page where you want to integrate the HTML design. You can do this by defining a route, creating a controller, and setting up a view, just like you would for any Laravel page.

To integrate the HTML design, you can find and copy the HTML code from the HTML version of Metronic. The HTML version package includes all the pre-designed pages, components, and styles that Metronic offers. You can choose the specific HTML page or component that matches your requirements.

Paste the HTML code you copied into your Laravel view. You can create a Blade view file (e.g., yourpage.blade.php) in the appropriate directory and paste the HTML code there.

Metronic's styles are already included in the HTML version. You don't need to worry about manually including them; they will be applied to your HTML elements when you paste the code into your Laravel view.

You can further customize the HTML code and integrate it with your Laravel data and logic. Use Blade templates to inject dynamic content, and utilize Laravel's features to make the page functional.


Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(
Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(