grids/index.html at main · Dem205/grids · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Grid Project</title>
    <link rel="stylesheet" href="style.css">
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Barlow+Semi+Condensed:wght@100;200;300;400;500;600&family=Hanken+Grotesk:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">
</head>
<body>
    <div class="container">
        <div class="page">
            <div class="profile">
            <img src="Images/image-daniel.jpg" alt="">
            <div class="name">
                <h3>Daniel</h3>
                <p>Verified graduate</p>
            </div>
            </div>
            <h3>I received a job offer mid-course and the subjects I learned were current, if not more so, in the company I joined. I honestly feel I got every penny's worth.</h3>
             <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Minus, labore quidem quis exercitationem esse commodi quos maxime! Quia saepe excepturi incidunt quos praesentium cum dolor ut illum? Id autem iusto ab blanditiis pariatur. Minima officiis, pariatur assumenda deleniti molestiae provident? Nam asperiores deleniti ipsum hic expedita, architecto enim culpa inventore. Lorem ipsum dolor sit amet consectetur, adipisicing elit. Voluptas quos, delectus, quae blanditiis nobis dolore consequatur, sequi perspiciatis officiis eligendi ipsum ut deserunt aspernatur dolorum aliquam incidunt expedita assumenda magni? Lorem ipsum dolor sit amet, consectetur adipisicing elit. Explicabo, obcaecati voluptas qui sapiente, nam eligendi architecto, exercitationem veritatis quaerat autem ad adipisci necessitatibus dolor cumque cupiditate. Est vitae magni nisi non quas? Excepturi quo nisi praesentium itaque quidem eaque, cupiditate totam porro. Similique quae quas nam animi praesentium, enim suscipit ipsam veniam vel fuga, quaerat eligendi reiciendis voluptas ipsa amet?</p>
        </div>

        <div class="page">
            <div class="profile">
            <img src="Images/image-jonathan.jpg" alt="">
            <div class="name">
                <h3>Johnathan</h3>
                <p>Verified graduate</p>
            </div>
            </div>
            <h3>The team was very supportive and kept me motivated.</h3>
             <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Explicabo, obcaecati voluptas qui sapiente, nam eligendi architecto, exercitationem veritatis quaerat autem ad adipisci necessitatibus dolor cumque cupiditate. Est vitae magni nisi non quas? Excepturi quo nisi praesentium itaque quidem eaque, cupiditate totam porro. Similique quae quas nam animi praesentium, enim suscipit ipsam veniam vel fuga, quaerat eligendi reiciendis voluptas ipsa amet?</p>
        </div>

        <div class="page">
            <div class="profile">
            <img src="Images/image-kira.jpg" alt="">
            <div class="name">
                <h3>Kira</h3>
                <p>Verified graduate</p>
            </div>
            </div>
            <h3>Such a life-changing experience. Highly recommended!</h3>
             <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Quaerat, necessitatibus corporis soluta exercitationem vero animi delectus. Omnis eum quo tempora, vitae quae ullam quibusdam unde voluptatum? Amet facilis repellendus alias assumenda atque eius libero harum porro voluptatum natus nemo quidem reprehenderit, accusantium quos adipisci nulla consequatur, incidunt hic quam nobis! Lorem, ipsum dolor sit amet consectetur adipisicing elit. Vel doloribus ullam neque sunt magnam, vero, illo debitis nulla veritatis fugit rerum. Adipisci inventore dignissimos corrupti repudiandae qui ad sed ex facere nam maxime necessitatibus tenetur officiis id omnis maiores ipsa odit, eaque odio illum nisi distinctio doloremque magnam impedit mollitia? Lorem, ipsum dolor sit amet consectetur adipisicing elit. Eligendi numquam optio quaerat? Asperiores earum quam molestiae autem sed fuga, officiis perspiciatis? Consequatur impedit quos perferendis aut nihil nam optio fuga eos et esse eius facilis porro cumque repellendus, voluptate est magnam quibusdam non sint totam necessitatibus libero. Distinctio, accusamus nihil! Lorem ipsum dolor sit amet, consectetur adipisicing elit. Explicabo, obcaecati voluptas qui sapiente, nam eligendi architecto, exercitationem veritatis quaerat autem ad adipisci necessitatibus dolor cumque cupiditate. Est vitae magni nisi non quas? Excepturi quo nisi praesentium itaque quidem eaque, cupiditate totam porro. Similique quae quas nam animi praesentium, enim suscipit ipsam veniam vel fuga, quaerat eligendi reiciendis voluptas ipsa amet?</p>
        </div>

        <div class="page">
            <div class="profile">
            <img src="Images/image-jeanette.jpg" alt="">
            <div class="name">
                <h3>Jeanette</h3>
                <p>Verified graduate</p>
            </div>
            </div>
            <h3>An overall wonderful and rewarding experience.</h3>
             <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Explicabo, obcaecati voluptas qui sapiente, nam eligendi architecto, exercitationem veritatis quaerat autem ad adipisci necessitatibus dolor cumque cupiditate. Est vitae magni nisi non quas? Excepturi quo nisi praesentium itaque quidem eaque, cupiditate totam porro. Similique quae quas nam animi praesentium, enim suscipit ipsam veniam vel fuga, quaerat eligendi reiciendis voluptas ipsa amet?</p>
        </div>

        <div class="page">
            <div class="profile">
            <img src="Images/image-patrick.jpg" alt="">
            <div class="name">
                <h3>Patrick</h3>
                <p>Verified graduate</p>
            </div>
            </div>
            <h3>Awesome teaching support from TAs who did the bootcamp themselves. Getting guidance from them and learning from their experiences was easy.</h3>
             <p> Lorem ipsum dolor, sit amet consectetur adipisicing elit. Fuga saepe commodi ab, consectetur repellendus cumque molestiae officia obcaecati inventore laudantium natus eveniet. Nesciunt, soluta ex. Dolorem velit nobis delectus qui in nulla! Sunt repudiandae accusamus recusandae quae consectetur numquam ratione ab nisi placeat aspernatur repellat tempora, asperiores itaque nobis provident delectus atque fugiat a animi dicta ad quaerat unde! Earum cumque rerum nulla facilis unde explicabo reprehenderit modi accusantium necessitatibus quam deserunt sit ipsam quo sint, cum fugit illum consequuntur!Lorem ipsum dolor sit amet, consectetur adipisicing elit. Explicabo, obcaecati voluptas qui sapiente, nam eligendi architecto, exercitationem veritatis quaerat autem ad adipisci necessitatibus dolor cumque cupiditate. Est vitae magni nisi non quas? Excepturi quo nisi praesentium itaque quidem eaque, cupiditate totam porro. Similique quae quas nam animi praesentium, enim suscipit ipsam veniam vel fuga, quaerat eligendi reiciendis voluptas ipsa amet?</p>
        </div>

    </div>

    <p class="thanks"> THANKS FOR VIEWING</p>

    <footer>
        <h3>Project by <a href="mailto:ogundeleademilade@gmail.com">Ademilade</a>. Courtesy: <a href="frontendmentor.io">Frontend Mentor</a></h3>
    </footer>
</body>
</html>