How to make such a line at the top of the site?

Question

JavaScript

Answer 1

1) _token should be sent in your form

<form action="javascript:void(null)" id="form" onsubmit="followPrice(this)" enctype="multipart/form-data" method="post">
                                {{ csrf_field() }}
                        	<input type="text" class="form-control" name="title" placeholder="Название"><br>
                        	<textarea class="form-control" rows="7" name="message" placeholder="Текст"></textarea><br>
                        	<input type="hidden" name="_token" value="<?php echo csrf_token(); ?>">
                        	<!-- <label for="inputFile">Картинка: </label>
                        	<input type="file" id="inputFile" ng-model="newData.image"><br> -->
                        	<input type="submit" class="btn btn-primary" value="Добавить">
                        </form>

потом в JS получаешь форму так:

<code lang="javascript">
function followPrice(form) {

    var data = $(form).serialize();

    $(form).find(".errors").html("");

    $.ajax({
        method: "POST",
        url: "/api/ajax/follow-price",
        data: data,
</code>

Answer 2

How to make a hat?
In those answers - there is no such thing, well, you never know, another option;)

div {
  height: 1px;
  background-image: repeating-linear-gradient(to right,
    green 0, green 1em,
    purple 1em, purple 2em,
    tomato 2em, tomato 3em,
    blue 3em, blue 4em
  );
}

Answer 3

draw the part that repeats ONCE and repeat horizontally.
in this case 5 colors are repeated

Answer 4

From a real project:

.wrapper {
    padding-top: 15px;
    background: url("img/bg-top.jpg") repeat-x center top;
}