File size: 3,243 Bytes
861dfb1
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
a561bc0
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
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
  <style>
    .body {
      width: 1480px; /* Set width to 300 pixels */
      height: 700px; /* Set height to 200 pixels */
     background: rgb(48,18,115);
     background: linear-gradient(180deg, rgba(48,18,115,1) 20%, rgba(53,51,205,1) 48%, rgba(35,18,122,1) 91%);
      padding: 10px; /* Add some padding inside the div */
    }

     #nav_bar {
      background-color: #f64848;
      overflow: hidden;
      border: 3px solid black;
    }

    .outer-box {
      position: relative; /* Necessary for positioning relative to this element */
      display: inline-block; /* Make the outer box inline-block to allow positioning relative to it */
      padding: 5px 10px;
      border: 3px solid black;
      background-color: #f64848;
      margin-left: 500px;
      margin-bottom: 5px;
      border-radius: 30px; /* Add rounded corners */
    }

    #nav_bar ul {
      list-style: none;
      margin: 0;
      padding: 0;
      display: flex; /* This is the key to display items in a line */
    }

    #nav_bar li {
      float: left; /* Alternatively, use 'display: inline-block;' */
    }

    #nav_bar a {
      display: block;
      color: white;
      text-decoration: none;
      padding: 14px 16px;
    }

    #nav_bar a:hover {
    border: 1px solid black;
      background-color: #ff914d;
    }

    #docs ul {
      margin: 30px;
      padding: 10px;
    }

    #docs a {
      width: 350px;
      margin:20px;
      padding: 40px;
      height: 10px;
      display: block;
      background-color: #ff914d;
      color: black;
      text-decoration: none;
      padding: 14px 16px;
    }

    #docs a:hover {
    border: 1px solid black;
      background-color: #f64848;
    }

    h1{
    background-color: #ff914d;
    position: 100; /* Necessary for absolute positioning of the inner box */
    }
  </style>
</head>

<body class="body">
<div class="outer-box"><h1>  Next Word Prediction </h1> </div>
    <nav id="nav_bar">
    <ul>
      <li><a href="/home">Home</a></li>
      <li><a href="/document">Documentation</a></li>
    </ul>
  </nav>

  <nav id="docs">
    <ul>
      <li><a href="https://www.linkedin.com/posts/saurabh-maulekhi-326584241_rnn-lstm-gru-brnn-notes-activity-7270759679981428736-DjcA/" target="_blank" rel="noopener noreferrer"><b>RNN, LSTM, GRU, BILSTM, BiGRU Notes</b></a></li>
      <li><a href="https://www.kaggle.com/code/saurabhmaulekhi/next-word-prediction" target="_blank" rel="noopener noreferrer"><b>ML Model Deployment (Kaggle NoteBook)</b></a></li>
      <li><a href="https://github.com/Saurabh-Maulekhi/Next-Word-Prediction" target="_blank" rel="noopener noreferrer"><b>Github Repo</b></a></li>
      <li><a href="https://www.kaggle.com/models/saurabhmaulekhi/next_word_prediction" target="_blank" rel="noopener noreferrer"><b> Model Download</b></a></li>
      <li><a href="https://www.linkedin.com/posts/saurabh-maulekhi-326584241_machinelearning-nlp-deeplearning-activity-7295835604884275200-wIuS?utm_source=share&utm_medium=member_desktop&rcm=ACoAADwQMM4BXaCYT_LwYhxeLC7BWY3KrAVFQOY" target="_blank" rel="noopener noreferrer"><b> Explain/Demo video</b></a></li>
    </ul>
  </nav>
</body>
</html>