sample-Webpage/index.html at main · cerastvs/sample-Webpage · 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
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
<!DOCTYPE HTML>
<html lang="en">

    <head>
        <link rel="stylesheet" href="style.css">
        <meta charset="UTF-8">
        <title>Amazing website</title>
    </head>

    <body>
        <div class="background">
            <div class="header">
                <div class="logo">Header Logo</div>
                <div class="links-container">
                    <div class="links">
                        <a href="" class="header-link">Header Link One</a>
                        <a href="" class="header-link">Header Link two</a>
                        <a href="" class="header-link">Header Link Three</a>
                    </div>
                </div>
            </div>

            <div class="content">
                <div class="content-container">
                    <div class="texts">
                        <div class="main-text">This Website Is Awsome</div>
                        <div class="subtext">I will edit this later and put some contents for some subtexts. for now I'll only prolong this for better approximations, or not. I dont know if my reason is valid neither lol.</div>
                        <div><a href="https://www.google.com/search?q=cats&sca_esv=597175834&tbm=isch&sxsrf=ACQVn09Kdkj7MBEfzimM6u-fQ7fJFIhmjQ:1704885247146&source=lnms&sa=X&ved=2ahUKEwiYxqe82NKDAxVlxzgGHXq-ABUQ_AUoAXoECAIQAw&biw=1366&bih=667&dpr=1" target="_blank" class="signup-button one">Sign up</a></div>
                    </div>
                    <img src="/images/pik2023lmao.PNG" alt="" class="image">
                </div>
            </div>
        </div>

        <!-- second section -->
        <div class="background-1">
            <div class="header-1">
                <h2>Our Team's Reaction To That Intormation</h2>
            </div>
            <div class="information">
                <div class="information-container">
                <div class="icons"><img src="images/yurik.jpg" alt="yurik pinaka pogi sa balat ng lupa" class="yurik"></div>
                <div class="subtext">Author: Lieu Rik M. Soliman</div>
                </div>
                <div class="information-container">
                <div class="icons"><img src="images/yurik.jpg" alt="yurik pinaka pogi sa balat ng lupa" class="yurik"></div>
                <div class="subtext">Developer: Lieu Rik M. Soliman</div>
                </div>
                <div class="information-container">
                <div class="icons"><img src="images/yurik.jpg" alt="yurik pinaka pogi sa balat ng lupa" class="yurik"></div>
                <div class="subtext">Illustrator: Lieu Rik M. Soliman</div>
                </div>
                <div class="information-container">
                <div class="icons"><img src="images/yurik.jpg" alt="yurik pinaka pogi sa balat ng lupa" class="yurik"></div>
                <div class="subtext">Pogi: Lieu Rik M. Soliman</div>
                </div>
            </div>
        </div>


        <!-- third section -->
        <div class="background-2">
            <div class="quote-container">
                <div class="quote">"The greatest glory in living lies not in never falling,
                     but in rising every time we fall. The way to get started is to quit talking and begin
                      doing. The only limit to our realization of tomorrow will be our doubts of today."</div>
            </div>
            <div class="philosoper">- Franklin D. Roosevelt</div>
        </div>

        <!-- last secction -->

        <div class="background-3">

            <div class="content-1">

                <div class="content-container">
                    <div class="last-text-container">
                        <div class="last-text">
                            <div class="main-text-proceed">Call Action! It's Time!</div>
                            <div class="subtext-proceed">Sign up for our product by click that button right over there!</div>
                        </div>
                        <div class="signup-button two"><a href="baklangNagLalaptop.html">Sign Up</a></div>
                    </div>
                </div>


            </div>

            <div class="footer">
                copyright @The Odin Project 2021
            </div>
        </div>


    </body>


</html>