caschool/personal.html at main · codeitR/caschool · 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
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="keywords" content="html, css" />
    <meta name="author" content="ramesh" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>squareEye| personal(logedin page)</title>
    <link rel="stylesheet" href="css/style.css" />
  </head>
  <body>
    <!-- Header -->
    <header class="header">
      <nav class="container navbar">
        <span class="home_line_left line"></span>
        <div class="navbar_content row flex">
          <div class="logo_items flex">
            <a href="index.html"><img src="images/logo.svg" alt="" class="logo_img" /></a>
            <a href="index.html" class="header_icon home_icon gradient_bg">
              <img src="images/home-icon.svg" alt="" />
              <span>Home</span>
            </a>
            <a href="list_video_page.html" class="header_icon cart_icon gradient_bg">
              <img src="images/cart-icon.svg" alt="" />
              <span>Shop</span>
            </a>
          </div>

          <!-- Menu Items -->
          <ul class="menu_items flex">
            <li class="item">
              <a href="contact_us.html" class="link">Contact</a>
            </li>
            <li class="item">
              <a href="about_us.html" class="link">About</a>
            </li>
            <li class="item header-profile">
              <img src="images/creator-img-2.jpg" alt="profile-img">
            </li>
          </ul>
        </div>
      </nav>
    </header>

    <!-- Personal Section -->
    <!-- Home Section -->
    <section class="section home personal_section">
      <h6 class="section_subtitle">You are logged in</h6>
      <div class="personal_container home_container container">
        <div class="row flex">
          <div class="left_column">
            <h6>You have recently purchase these video <br> Enjoy! Don't forget to share your <br> experince with us !</h6>
          </div>
          <div class="right_column">
            <div class="home_images">
              <img src="images/home-img-1.jpg" alt="homeImg" class="home-img2" />
              <img src="images/home-img-2.jpg" alt="homeImg" class="home-img1" />
            </div>
          </div>
        </div>
      </div>
    </section>

    <!-- New Content Creator -->
     <section class="section creator_section">
      <div class="container creator_container">
      <h6 class="section_subtitle">You  may be interested to know more about:</h6>

        <button class="button section_title gradient_bg"><span>New Content Creator</span></button>

         <div class="creator_row row flex">
          <div class="column flex">
            <div class="details">
              <p>
                <b> Lee Zing,</b> <br />
                She is very popular video contributor in our site, She creates social encomy and unbalance life work vedios in funny way. Her vedio is watch by over 50million people so far.
              </p>
              <a href="https://www.youtube.com/watch?v=iwVBz6HNK7E">
                <img src="images/play-button.svg" alt="" class="play_btn" />
              </a>
            </div>
            <img src="images/creator-img-1.jpg" alt="" />
          </div>
        </div>

        <div class="creator_row row flex">
          <div class="column flex">
            <div class="details">
              <p>Donaldson (born May 7, 1990), better known as MrB, is an American video maker and social activities. He is credited with pioneering a genre of funny fails video making that centres on expensive stunts.His videos are watched and enjoyed by 130 million and up over.</p>
              <a href="https://www.youtube.com/watch?v=iwVBz6HNK7E">
                <img src="images/play-button.svg" alt="" class="play_btn" />
              </a>
            </div>
            <img src="images/creator-img-2.jpg" alt="" />
          </div>
        </div>

        <div class="creator_row row flex">
          <div class="column flex">
            <div class="details">
              <p>Donaldson (born May 7, 1990), better known as MrB, is an American video maker and social activities. He is credited with pioneering a genre of funny fails video making that centres on expensive stunts.His videos are watched and enjoyed by 130 million and up over.</p>
              <a href="https://www.youtube.com/watch?v=iwVBz6HNK7E">
                <img src="images/play-button.svg" alt="" class="play_btn" />
              </a>
            </div>
            <img src="images/creator-img-3.jpg" alt="" />
          </div>
        </div>
        </div>
      </div>
    </section>

  <!-- Footer Section -->
    <footer class="footer footer_section">
      <div class="footer_container container flex">
        <div class="social_media">
          <a href="#"><img src="images/youtube-icon.svg" alt="youtubeImg" /></a>
          <a href="#"><img src="images/twitter-icon.svg" alt="twitterImg" /></a>
          <a href="#"><img src="images/instagram-icon.svg" alt="instagrameImg" /></a>
          <div>&copy;SquareEyes 2023-design and develop by Ramesh !</div>
        </div>
      </div>
    </footer>
  </body>
</html>